如何用CSS font-family為英文和中文字體分別設置不同的字體

這篇文章主要講解了“如何用CSS font-family為英文和中文字體分別設置不同的字體”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“如何用CSS font-family為英文和中文字體分別設置不同的字體”吧！

font-family的調用方法:

代碼如下:

div {
font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei;
font:bold 12px/0.75em Arial,'Times New Roman','Microsoft YaHei',SimHei;
}

根據font-family的原則,假如客戶終端不認識前面的字體,就自動切換到第二種字體,第二種不認識就切換到第三種,以此類推.假如都不能識別就調用默認字體

根據font-family的字體調用原則我們可以為英文,中文,等兩種字體調用不同的字體來渲染.

如:Arial,’Times New Roman’這兩種字體不認識中文,只認識英文,所以,這兩種字體只能渲染英文數字和一些特殊符號,而頁面中的中文就會自動調用第三種字體Microsoft YaHei(PS:假如存在這種字體的話).

所以,在定義字體的時候把英文的字體寫在前面把中文的寫在后面.這樣，系統就會自動按順序依次給字用字體，如果當前字體不支持文本，自動換用列表中的下一個字體

經過測試，IE9、IE9兼容模式（兼容IE8）、Chrome瀏覽器最新版本（34.0）、 Firefox瀏覽器最新版本（29.0）支持該font-family屬性；
但是某些版本的IE瀏覽器（IE7、IE8）無法實現該font-family屬性的要求，還會暴露出一些奇怪的 bug。如在這些版本的瀏覽器下使用中文字體（比如微軟雅黑），需要把該中文字體放到font-family屬性的首位，但是會導致英文字體也會使用該中文字體渲染。即在這些瀏覽器（IE7、IE8）下不支持在font-family屬性中為英文和中文字體分別使用不同的字體。

感謝各位的閱讀，以上就是“如何用CSS font-family為英文和中文字體分別設置不同的字體”的內容了，經過本文的學習后，相信大家對如何用CSS font-family為英文和中文字體分別設置不同的字體這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！