域名注冊 網(wǎng)站制作
您現(xiàn)在的位置:首頁 >> 網(wǎng)站建設 >> 內(nèi)容

CSS中的中文字體表達方式

時間:2015/3/18 15:35:18 點擊:372

摘要:CSS中的中文字體表達方式 在寫一個網(wǎng)站的樣式表的時候,都會不可避免地用到一些中文字體,比如說微軟雅黑、黑體等,除非是做英文站,或者說你樂意整站都用瀏覽器默認的字體,那我也算服了U。在 CSS 中寫...

CSS中的中文字體表達方式

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

中文字體與英文、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

麗黑 ProLiHei Pro Medium\4E3D\9ED1 Pro

麗宋 ProLiSong 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

仿宋_GB2312FangSong_GB2312\4EFF\5B8B_GB2312

楷體_GB2312KaiTi_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中的中文字體表達方式很全面吧,但也不要高興地太早,因為我們有著人手一個規(guī)則的瀏覽器大軍,就算是舉著完美支持 CSS 大旗的 Firefox,也有不盡如人意的地方,因為 Firefox 居然不支持以上別名,對它來說 "Microsoft Yahei" 并不是微軟雅黑,只能反饋出瀏覽器默認字體的的結(jié)果,唉,瀏覽器太多也不好,還不如回到 IE 壟斷的年代,沒有比較,也就沒有抱怨。

轉(zhuǎn)載請保留原文地址: http://biwz.cn/show-467.html

責編:王麗 作者:不詳 來源:網(wǎng)絡