Javascript 按语言问题翻译自定义字体

我面临一个wordpress网站的问题，该网站的客户希望为每种语言设置一个自定义字体系列

我正在使用wordpress的Qtranslate插件翻译内容，我成功地做到了这一点。。。我还使用一个名为CustomCSS for 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{
字体系列：“Yrsa”；
字体风格：普通；
字体大小：400；
src:local（'Yrsa'）、local（'Yrsa-Regular'）、url(https://fonts.gstatic.com/s/yrsa/v1/HvXbkSMs7hgg2r-HiCNOmA.woff2)格式（'woff2'）；
unicode范围：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；
}
@字体{
字体系列：“独立之花”；
字体风格：普通；
字体大小：400；
src:local（'Indie Flower'）、local（'IndieFlower'）、url(https://fonts.gstatic.com/s/indieflower/v8/10JVD_humAd5zP2yrFqw6ugdm0LZdjqr5-oayXSOefg.woff2)格式（'woff2'）；
unicode范围：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；
}
身体{
背景：#111；
颜色：#999；
文本对齐：对齐；
文本对齐：词间对齐；
最大宽度：80%；
利润率：10%
}
身体，
h1，
h2，
h3，
h4，
h5，
h6，
P
块引用，
锂，
a{
字体系列：“Yrsa”；
}
.其他语言{
字体系列：“独立之花”；
}

这是字体a中的标题1
这是字体B中的标题1
这是字体a中的标题2
这是字体B中的标题2
这是字体a中的标题2
这是字体B中的标题2
这是一个使用字体a的段落

Lorem ipsum door sit amet，在eam simul nostrud definiebas中，指的是放置产品ei。你是我的最爱。迪奥酒店的个人生活。这是我的一部分。Nec最低消耗铜，pri（中等含量）。费里
我是一名律师

这是一个使用字体B的段落

Lorem ipsum door sit amet，在eam simul nostrud definiebas中，指的是放置产品ei。你是我的最爱。迪奥酒店的个人生活。这是我的一部分。Nec最低消耗铜，pri（中等含量）。费里
我是一名律师

您需要创建

CSS

类，并将其放置在

CSS

的底部，然后将其添加到翻译内容标签中。

比如,

@font-face{
字体系列：“Yrsa”；
字体风格：普通；
字体大小：400；
src:local（'Yrsa'）、local（'Yrsa-Regular'）、url(https://fonts.gstatic.com/s/yrsa/v1/HvXbkSMs7hgg2r-HiCNOmA.woff2)格式（'woff2'）；
unicode范围：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；
}
@字体{
字体系列：“独立之花”；
字体风格：普通；
字体大小：400；
src:local（'Indie Flower'）、local（'IndieFlower'）、url(https://fonts.gstatic.com/s/indieflower/v8/10JVD_humAd5zP2yrFqw6ugdm0LZdjqr5-oayXSOefg.woff2)格式（'woff2'）；
unicode范围：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；
}
身体{
背景：#111；
颜色：#999；
文本对齐：对齐；
文本对齐：词间对齐；
最大宽度：80%；
利润率：10%
}
身体，
h1，
h2，
h3，
h4，
h5，
h6，
P
块引用，
锂，
a{
字体系列：“Yrsa”；
}
.其他语言{
字体系列：“独立之花”；
}

这是字体a中的标题1
这是字体B中的标题1
这是字体a中的标题2
这是字体B中的标题2
这是字体a中的标题2
这是字体B中的标题2
这是一个使用字体a的段落

Lorem ipsum door sit amet，在eam simul nostrud definiebas中，指的是放置产品ei。你是我的最爱。迪奥酒店的个人生活。这是我的一部分。Nec最低消耗铜，pri（中等含量）。费里
我是一名律师

这是一个使用字体B的段落

Lorem ipsum door sit amet，在eam simul nostrud definiebas中，指的是放置产品ei。你是我的最爱。迪奥酒店的个人生活。这是我的一部分。Nec最低消耗铜，pri（中等含量）。费里
我是一名律师

非常感谢您的回复。。非常感谢：）事情不会是这样的。。因为我无法访问wordpress中的body元素。。我使用自定义CSS插件是为了进行任何更改。有任何特殊原因吗？没有。。只是我无法访问每个wordpress页面的html结构。您可以做的另一件事是在自定义CSS中使用页面id更改字体。我将在旧页面的底部添加另一个片段。我将该片段添加到相同的答案中。请注意，这样做很累。我只是想强调一下你可以尝试调查的内容。非常感谢你的回复。。非常感谢：）事情不会是这样的。。因为我无法访问wordpress中的body元素。。我使用自定义CSS插件是为了进行任何更改。有任何特殊原因吗？没有。。只是我无法访问每个wordpress页面的html结构。您可以做的另一件事是在自定义CSS中使用页面id更改字体。我将在旧页面的底部添加另一个片段。我将该片段添加到相同的答案中。请注意