萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> 中文字體在CSS中的表達方

中文字體在CSS中的表達方

class="area">

寫一個網站的樣式表的時候,都會不可避免地用到一些中文字體,比如說微軟雅黑、黑體等,除非是做英文站,或者說你樂意整站都用浏覽器默認的字體,那我也算服了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 壟斷的年代,沒有比較,也就沒有抱怨。

copyright © 萬盛學電腦網 all rights reserved