中文字體在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 壟斷的年代，沒有比較，也就沒有抱怨。

（若是您以爲本博客不錯，請告訴身邊的朋友，或轉載到論壇、百度知道、貼吧等，記得帶網址喲，不勝感激！）