语言参考，字体系列答案

【问题标题】：Language Reference, Font-family语言参考，字体系列
【发布时间】：2013-08-01 01:02:05
【问题描述】：

我的网站上使用了三种基本语言。我把lang="en" 放在html 标记中。在 CSS 文件中，我写了以下内容：

body {

 ...
 font-family: 'Open Sans';
 font-size: 10pt;
 ...
}

因此，如果网站上的文本是英文或俄文，则会使用名为 Open Sans 的网络字体。这工作正常。

现在我想在我用亚美尼亚语编写文本时使用网络字体 Arian AMU，但它不能这样工作：font-family: 'Open Sans', 'Ariam AMU';

在CSS中，我写

:lang(hy) {
    font-family: 'Arian AMU';
    font-size: 10.5pt;
    line-height: 18px;
}

当整个文本是亚美尼亚语时，我将lang="hy" 放在p 标记中。

问题是，如果语言是俄语或英语，我怎么做才能写成Open Sans 10pt，当它是亚美尼亚语时，Ariam AMU 10.5pt 和 18px 的行高。

【问题讨论】：

标签： fonts font-face webfonts typography font-family

【解决方案1】：

pseudo-class :lang 比元素选择器body 拥有更多specificity。当两条规则发生冲突时，这可能会导致问题，例如您的情况。尝试以相同的特异性指定所有冲突的规则：

:lang(en), :lang(ru) {
    font-family: 'Open Sans', sans-serif;
    font-size: 10pt;
}

:lang(hy) {
    font-family: 'Ariam AMU';
    font-size: 10.5pt;
    line-height: 18px;
}

见jsFiddle。

您可以通过阅读这些文章了解更多关于 CSS 特性的信息：

【讨论】：