CSS font-family為英文和中文字體分別設(shè)置不同的字體
發(fā)布時(shí)間:2014-05-07 11:18:23 作者:佚名
我要評(píng)論
這篇文章主要介紹了使用CSS font-family為英文和中文字體分別設(shè)置不同的字體,需要的朋友可以參考下
font-family的調(diào)用方法:
div {
font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei;
font:bold 12px/0.75em Arial,'Times New Roman','Microsoft YaHei',SimHei;
}
根據(jù)font-family的原則,假如客戶(hù)終端不認(rèn)識(shí)前面的字體,就自動(dòng)切換到第二種字體,第二種不認(rèn)識(shí)就切換到第三種,以此類(lèi)推.假如都不能識(shí)別就調(diào)用默認(rèn)字體
根據(jù)font-family的字體調(diào)用原則我們可以為英文,中文,等兩種字體調(diào)用不同的字體來(lái)渲染.
如:Arial,’Times New Roman’這兩種字體不認(rèn)識(shí)中文,只認(rèn)識(shí)英文,所以,這兩種字體只能渲染英文數(shù)字和一些特殊符號(hào),而頁(yè)面中的中文就會(huì)自動(dòng)調(diào)用第三種字體Microsoft YaHei(PS:假如存在這種字體的話(huà)).
所以,在定義字體的時(shí)候把英文的字體寫(xiě)在前面把中文的寫(xiě)在后面.這樣,系統(tǒng)就會(huì)自動(dòng)按順序依次給字用字體,如果當(dāng)前字體不支持文本,自動(dòng)換用列表中的下一個(gè)字體
經(jīng)過(guò)測(cè)試,IE9、IE9兼容模式(兼容IE8)、Chrome瀏覽器最新版本(34.0)、 Firefox瀏覽器最新版本(29.0)支持該font-family屬性;
但是某些版本的IE瀏覽器(IE7、IE8)無(wú)法實(shí)現(xiàn)該font-family屬性的要求,還會(huì)暴露出一些奇怪的 bug。如在這些版本的瀏覽器下使用中文字體(比如微軟雅黑),需要把該中文字體放到font-family屬性的首位,但是會(huì)導(dǎo)致英文字體也會(huì)使用該中文字體渲染。即在這些瀏覽器(IE7、IE8)下不支持在font-family屬性中為英文和中文字體分別使用不同的字體。
復(fù)制代碼
代碼如下:div {
font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei;
font:bold 12px/0.75em Arial,'Times New Roman','Microsoft YaHei',SimHei;
}
根據(jù)font-family的原則,假如客戶(hù)終端不認(rèn)識(shí)前面的字體,就自動(dòng)切換到第二種字體,第二種不認(rèn)識(shí)就切換到第三種,以此類(lèi)推.假如都不能識(shí)別就調(diào)用默認(rèn)字體
根據(jù)font-family的字體調(diào)用原則我們可以為英文,中文,等兩種字體調(diào)用不同的字體來(lái)渲染.
如:Arial,’Times New Roman’這兩種字體不認(rèn)識(shí)中文,只認(rèn)識(shí)英文,所以,這兩種字體只能渲染英文數(shù)字和一些特殊符號(hào),而頁(yè)面中的中文就會(huì)自動(dòng)調(diào)用第三種字體Microsoft YaHei(PS:假如存在這種字體的話(huà)).
所以,在定義字體的時(shí)候把英文的字體寫(xiě)在前面把中文的寫(xiě)在后面.這樣,系統(tǒng)就會(huì)自動(dòng)按順序依次給字用字體,如果當(dāng)前字體不支持文本,自動(dòng)換用列表中的下一個(gè)字體
經(jīng)過(guò)測(cè)試,IE9、IE9兼容模式(兼容IE8)、Chrome瀏覽器最新版本(34.0)、 Firefox瀏覽器最新版本(29.0)支持該font-family屬性;
但是某些版本的IE瀏覽器(IE7、IE8)無(wú)法實(shí)現(xiàn)該font-family屬性的要求,還會(huì)暴露出一些奇怪的 bug。如在這些版本的瀏覽器下使用中文字體(比如微軟雅黑),需要把該中文字體放到font-family屬性的首位,但是會(huì)導(dǎo)致英文字體也會(huì)使用該中文字體渲染。即在這些瀏覽器(IE7、IE8)下不支持在font-family屬性中為英文和中文字體分別使用不同的字體。
相關(guān)文章
- css中文字體font-family列表主要是系統(tǒng)自帶的一些、裝Office會(huì)生出來(lái)的一些、Windows的一些,感興趣的朋友可以了解下2013-10-10
詳解中文字體在CSS樣式中font-family對(duì)應(yīng)的英文名稱(chēng)
這篇文章主要介紹了中文字體在CSS樣式中font-family對(duì)應(yīng)的英文名稱(chēng),本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-08-21

