【轉】CSS中文字型對照表
阿新 • • 發佈:2019-02-02
在寫一個網站的樣式表的時候,都會不可避免地用到一些中文字型,比如說微軟雅黑、黑體等,除非是做英文站,或者說你樂意整站都用瀏覽器預設的字型,那我也算服了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 壟斷的年代,沒有比較,也就沒有抱怨。