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