中文字體在CSS中的表達方式

在寫一個網站的樣式表的時候,都會不可避免地用到一些中文字體,比如說微軟雅黑、黑體等,除非是做英文站,或者說你樂意整站都用瀏覽器默認的字體,那我也算服了U。在 CSS 中寫入中文字體的方法一般採用 font-family:"微軟雅黑","黑體";這樣類似的表達方式,但是對於像 WordPress 這樣需要 UTF8 編碼平臺來說,一個不注意沒有轉換編碼就會導致中文字體無法按照希望的字體表形出來。所以我們可以通過英文、unicode 這種形式來表達中文,比如說剛纔的 font-family:"微軟雅黑","黑體";就可以寫成 font-family:"Microsoft Yahei","SimHei"; 這樣看起來是不是也可以統一一點呢。

中文字體與英文、unicode 對應的太多,背也背不下來,就蒐集了一張表格收藏記錄一下,希望也是你想要的:

 

中文名 英文名 Unicode
Mac OS
華文細黑 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
麗黑 Pro LiHei Pro Medium \4E3D\9ED1 Pro
麗宋 Pro LiSong Pro Light \4E3D\5B8B Pro
標楷體 BiauKai \6807\6977\4F53
蘋果麗中黑 Apple LiGothic Medium \82F9\679C\4E3D\4E2D\9ED1
蘋果麗細宋 Apple LiSung Light \82F9\679C\4E3D\7EC6\5B8B
Windows
新細明體 PMingLiU \65B0\7EC6\660E\4F53
細明體 MingLiU \7EC6\660E\4F53
標楷體 DFKai-SB \6807\6977\4F53
黑體 SimHei \9ED1\4F53
宋體 SimSun \5B8B\4F53
新宋體 NSimSun \65B0\5B8B\4F53
仿宋 FangSong \4EFF\5B8B
楷體 KaiTi \6977\4F53
仿宋_GB2312 FangSong_GB2312 \4EFF\5B8B_GB2312
楷體_GB2312 KaiTi_GB2312 \6977\4F53_GB2312
微軟正黑體 Microsoft JhengHei \5FAE\x8F6F\6B63\9ED1\4F53
微軟雅黑 Microsoft YaHei \5FAE\8F6F\96C5\9ED1
Office
隸書 LiSu \96B6\4E66
幼圓 YouYuan \5E7C\5706
華文細黑 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
華文隸書 STLiti \534E\6587\96B6\4E66
華文行楷 STXingkai \534E\6587\884C\6977
華文新魏 STXinwei \534E\6587\65B0\9B4F

 很全面吧,但也不要高興地太早,因爲我們有着人手一個規則的瀏覽器大軍,就算是舉着完美支持 CSS 大旗的 Firefox,也有不盡如人意的地方,因爲 Firefox 居然不支持以上別名,對它來說 "Microsoft Yahei" 並不是微軟雅黑,只能反饋出瀏覽器默認字體的的結果,唉,瀏覽器太多也不好,還不如回到 IE 壟斷的年代,沒有比較,也就沒有抱怨。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章