Qtranslate自定义字体每种语言问题

问题描述：

我现在面临的问题与WordPress的网站，谁愿意每种语言Qtranslate自定义字体每种语言问题

我使用Qtranslate WordPress插件的内容和我翻译设置自定义字体家庭客户设法成功...我还使用一个名为自定义CSS的WordPress插件应用代码中的CSS更改

问题是当我使用代码设置自定义字体..它为这两种语言设置自定义字体。。好心帮我解决这个问题

我的自定义CSS代码是

@font-face { 
font-family: GEDinarOne-Medium; 
src: url('http://www.example.com/wp-content/themes/fonts/GEDinarOne-Medium.ttf'); 
font-weight: normal;} 

:lang(ar) body, h1, h2, h3, h4, h5, h6, p, blockquote, li, a{ 
    font-family: GEDinarOne-Medium !important; 
    }

答

您需要创建一个CSS类和把它放在你的CSS底部然后将其添加到翻译的内容标签。

例如;

@font-face { 
 
    font-family: 'Yrsa'; 
 
    font-style: normal; 
 
    font-weight: 400; 
 
    src: local('Yrsa'), local('Yrsa-Regular'), url(https://fonts.gstatic.com/s/yrsa/v1/HvXbkSMs7hgg2r-HiCNOmA.woff2) format('woff2'); 
 
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; 
 
} 
 
@font-face { 
 
    font-family: 'Indie Flower'; 
 
    font-style: normal; 
 
    font-weight: 400; 
 
    src: local('Indie Flower'), local('IndieFlower'), url(https://fonts.gstatic.com/s/indieflower/v8/10JVD_humAd5zP2yrFqw6ugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); 
 
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; 
 
} 
 
body { 
 
    background: #111; 
 
    color: #999; 
 
    text-align: justify; 
 
    text-justify: inter-word; 
 
    max-width: 80%; 
 
    margin: 10% 
 
} 
 
body, 
 
h1, 
 
h2, 
 
h3, 
 
h4, 
 
h5, 
 
h6, 
 
p, 
 
blockquote, 
 
li, 
 
a { 
 
    font-family: 'Yrsa'; 
 
} 
 
.otherlanguage { 
 
    font-family: 'Indie Flower'; 
 
}

<body> 
 
    <div> 
 
    <h1>This is a Header 1 in font A</h1> 
 
    <h1 class="otherlanguage">This is a Header 1 in font B</h1> 
 
    <h2>This is a Header 2 in font A</h2> 
 
    <h2 class="otherlanguage">This is a Header 2 in font B</h2> 
 
    <h3>This is a Header 2 in font A</h3> 
 
    <h3 class="otherlanguage">This is a Header 2 in font B</h3> 
 
    <p>This is a paragraph using font A 
 
     <br>Lorem ipsum dolor sit amet, in eam simul nostrud definiebas, mea iusto placerat prodesset ei. Eum summo audiam ea. Vitae aperiri at duo. Vis atomorum partiendo id, nam ea noluisse platonem. Nec minimum consequat cu, pri in harum moderatius. Ferri 
 
     aperiam forensibus an nam.</p> 
 
    <p class="otherlanguage">This is a paragraph using font B 
 
     <br>Lorem ipsum dolor sit amet, in eam simul nostrud definiebas, mea iusto placerat prodesset ei. Eum summo audiam ea. Vitae aperiri at duo. Vis atomorum partiendo id, nam ea noluisse platonem. Nec minimum consequat cu, pri in harum moderatius. Ferri 
 
     aperiam forensibus an nam.</p> 
 
    </div> 
 
</body>

编辑：新片段

我肯定有一个更好的办法到结合选择，但这应该在不改变任何工作HTML。

@font-face { 
 
    font-family: 'Yrsa'; 
 
    font-style: normal; 
 
    font-weight: 400; 
 
    src: local('Yrsa'), local('Yrsa-Regular'), url(https://fonts.gstatic.com/s/yrsa/v1/HvXbkSMs7hgg2r-HiCNOmA.woff2) format('woff2'); 
 
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; 
 
} 
 
@font-face { 
 
    font-family: 'Indie Flower'; 
 
    font-style: normal; 
 
    font-weight: 400; 
 
    src: local('Indie Flower'), local('IndieFlower'), url(https://fonts.gstatic.com/s/indieflower/v8/10JVD_humAd5zP2yrFqw6ugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); 
 
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; 
 
} 
 
.page-id-70 h1, 
 
.page-id-70 h2, 
 
.page-id-70 h3, 
 
.page-id-70 h3, 
 
.page-id-70 h4, 
 
{ 
 
    font-family: 'Yrsa'; 
 
} 
 
.page-id-71 h1, 
 
.page-id-71 h2, 
 
.page-id-71 h3, 
 
.page-id-71 h3, 
 
.page-id-71 h4, 
 
{ 
 
    font-family: 'Indie Flower'; 
 
}

非常感谢你的反应..它是高度赞赏:)它不会制定出这样..因为我没有获得在WordPress的body元素。。我使用Custom CSS插件进行任何更改 –

任何特定原因？ – 2016-12-05 12:56:38

不，它只是我无法访问每个wordpress页面的html结构 –

Qtranslate自定义字体每种语言问题

相关推荐