CSS中的中文字體表達(dá)方式

CSS中的中文字體表達(dá)方式

　　在寫(xiě)一個(gè)網(wǎng)站的樣式表的時(shí)候，都會(huì)不可避免地用到一些中文字體，比如說(shuō)微軟雅黑、黑體等，除非是做英文站，或者說(shuō)你樂(lè)意整站都用瀏覽器默認(rèn)的字體，那我也算服了U。在 CSS 中寫(xiě)入中文字體的方法一般采用 font-family:"微軟雅黑","黑體";這樣類(lèi)似的表達(dá)方式，但是對(duì)于像 WordPress 這樣需要 UTF8 編碼平臺(tái)來(lái)說(shuō)，一個(gè)不注意沒(méi)有轉(zhuǎn)換編碼就會(huì)導(dǎo)致中文字體無(wú)法按照希望的字體表形出來(lái)。所以我們可以通過(guò)英文、unicode 這種形式來(lái)表達(dá)中文，比如說(shuō)剛才的 font-family:"微軟雅黑","黑體";就可以寫(xiě)成 font-family:"Microsoft Yahei","SimHei"; 這樣看起來(lái)是不是也可以統(tǒng)一一點(diǎn)呢。

　　中文字體與英文、unicode 對(duì)應(yīng)的太多，背也背不下來(lái)，就搜集了一張表格收藏記錄一下，希望也是你想要的：

　　中文名英文名Unicode

　　Mac OS

　　華文細(xì)黑STHeiti Light [STXihei]\534E\6587\7EC6\9ED1

　　華文黑體STHeiti\534E\6587\9ED1\4F53

　　華文楷體STKaiti\534E\6587\6977\4F53

　　華文宋體STSong\534E\6587\5B8B\4F53

　　華文仿宋STFangsong\534E\6587\4EFF\5B8B

　　麗黑 ProLiHei Pro Medium\4E3D\9ED1 Pro

　　麗宋 ProLiSong Pro Light\4E3D\5B8B Pro

　　標(biāo)楷體BiauKai\6807\6977\4F53

　　蘋(píng)果麗中黑A(yíng)pple LiGothic Medium\82F9\679C\4E3D\4E2D\9ED1

　　蘋(píng)果麗細(xì)宋Apple LiSung Light\82F9\679C\4E3D\7EC6\5B8B

　　Windows

　　新細(xì)明體PMingLiU\65B0\7EC6\660E\4F53

　　細(xì)明體MingLiU\7EC6\660E\4F53

　　標(biāo)楷體DFKai-SB\6807\6977\4F53

　　黑體SimHei\9ED1\4F53

　　宋體SimSun\5B8B\4F53

　　新宋體NSimSun\65B0\5B8B\4F53

　　仿宋FangSong\4EFF\5B8B

　　楷體KaiTi\6977\4F53

　　仿宋_GB2312FangSong_GB2312\4EFF\5B8B_GB2312

　　楷體_GB2312KaiTi_GB2312\6977\4F53_GB2312

　　微軟正黑體Microsoft JhengHei\5FAE\x8F6F\6B63\9ED1\4F53

　　微軟雅黑Microsoft YaHei\5FAE\8F6F\96C5\9ED1

　　Office

　　隸書(shū)LiSu\96B6\4E66

　　幼圓YouYuan\5E7C\5706

　　華文細(xì)黑STXihei\534E\6587\7EC6\9ED1

　　華文楷體STKaiti\534E\6587\6977\4F53

　　華文宋體STSong\534E\6587\5B8B\4F53

　　華文中宋STZhongsong\534E\6587\4E2D\5B8B

　　華文仿宋STFangsong\534E\6587\4EFF\5B8B

　　方正舒體FZShuTi\65B9\6B63\8212\4F53

　　方正姚體FZYaoti\65B9\6B63\59DA\4F53

　　華文彩云STCaiyun\534E\6587\5F69\4E91

　　華文琥珀STHupo\534E\6587\7425\73C0

　　華文隸書(shū)STLiti\534E\6587\96B6\4E66

　　華文行楷STXingkai\534E\6587\884C\6977

　　華文新魏STXinwei\534E\6587\65B0\9B4F

　　以上介紹的CSS中的中文字體表達(dá)方式很全面吧，但也不要高興地太早，因?yàn)槲覀冇兄耸忠粋€(gè)規(guī)則的瀏覽器大軍，就算是舉著完美支持 CSS 大旗的 Firefox，也有不盡如人意的地方，因?yàn)?Firefox 居然不支持以上別名，對(duì)它來(lái)說(shuō) "Microsoft Yahei" 并不是微軟雅黑，只能反饋出瀏覽器默認(rèn)字體的的結(jié)果，唉，瀏覽器太多也不好，還不如回到 IE 壟斷的年代，沒(méi)有比較，也就沒(méi)有抱怨。