1. 程式人生 > >CSS為英文和中文字體分別設置不同的字體

CSS為英文和中文字體分別設置不同的字體

ie9 英文 div rfi 默認字體 val 不同的 ear fire

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為英文和中文字體分別設置不同的字體