語言參考，字體家族

我的網站上有三種基本語言。我把lang="en"放在html標記中。在CSS文件中我寫了以下內容：語言參考，字體家族

body { 

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

所以，如果網站上的文字是英文或者俄文它使用一種名爲打開三世的Web字體。這工作正常。

現在我要賺那麼當我寫在亞美尼亞文本爲使用Web字體阿里安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。

來源

2013-07-31 gasparean

該pseudo-class :lang有更多specificity比元素選擇器body。當這兩個規則衝突時，這可能會導致問題，就像你的情況一樣。嘗試指定具有相同特異性的所有衝突規則：

: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的特異性：

來源

2013-08-14 04:44:07

語言參考，字體家族

回答

相關問題