为两种不同的语言使用不同的字体答案

【问题标题】：Using separate fonts for two different languages为两种不同的语言使用不同的字体
【发布时间】：2014-09-26 05:35:42
【问题描述】：

我正在尝试为两种不同的语言使用两种不同的字体。但是两种字体相互重叠，因此导致阅读文本困难。这是我正在尝试的；

CSS：

@font-face {
       font-family: 'Jameel Noori Nastaleeq';
       src: url(../../../fonts/Jameel Noori Nastaleeq.ttf)
}

然后在我写text 的区域中使用了这个 CSS 类：

CSS：

.post_body {
    padding: 5px;
    font-size: 17px;
    font-family: Tahoma, Jameel Noori Nastaleeq;
}

问题是，当我在帖子中使用 URDU 文本时，它会显示正确的字体样式，但是当我使用 ENGLISH 文本时，它不会使用 Tahoma 字体样式。

请帮忙看看如何在同一地区为两种不同的语言使用两种不同的字体样式？

【问题讨论】：

你可以创建2个css文件，然后使用jquery进行切换
你好，himanshu，你能给我任何答案吗？我对这种 jQuery 语言比较了解。

标签： html css fonts font-face

【解决方案1】：

您应该首先设置 html 的语言... ...或元素的语言。

<!-- html -->
<html lang="en">


/* CSS */
.post_body {
    /* common style stuff -- don't set font-family here */
}

:lang(en) .post_body {
    font-family : Tahoma;
}

然后用JS修改document.documentElement.lang属性。

当然，如果整个页面都在更改语言。

如果你想同时有一些乌尔都语的帖子和一些英文的帖子，设置

<article class="post_body" lang="en">

.post_body:lang(en) { font-family : Tahoma; }

【讨论】：

很好的解决方案和很好的解释，+1 给你 :)
它不起作用，我试过这个 CSS 但它没有帮助：.post_body { padding: 5px;字体大小：13px； } .post_body:lang(en){ font-family: Tahoma; } .post_body:lang(ur){ font-family: Jameel Noori Nastaleeq; }
你在元素上设置了 lang="en"，在 HTML 中，对吧？如果没有在元素上设置 lang，CSS 不会有什么好处。