中文字體在CSS中的寫法分別是怎樣的

這篇文章給大家介紹中文字體在CSS中的寫法分別是怎樣的，內(nèi)容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

今天在折騰wordpress主題的時候，想把側(cè)邊欄上的2個標題轉(zhuǎn)換為“方正姚體”，用Firebug調(diào)試OK了，保存到css文件里上傳后，可是怎么弄也顯示不對，網(wǎng)上搜索了一下，才知道原來在CSS中不能出現(xiàn)中文字體，解決辦法就是把這些中文字體名字轉(zhuǎn)換成英文名。

Unicode簡單的說一下制作網(wǎng)頁時的為了兼顧到一些瀏覽器CSS樣式文檔中一般是不出現(xiàn)中文字體的，尤其是 {}中，因此通過參照下表將其對應(yīng)轉(zhuǎn)編，可以將中文名轉(zhuǎn)成英文名、unicode、unicode2注意unicode2是直接輸出為文本的，
比如：微軟雅黑，我們在CSS中的設(shè)置為

font-family:”Microsoft Yahei”;

也可以是對應(yīng)的unicode

font-family:”\5FAE\8F6F\96C5\9ED1″;

但微軟雅黑對應(yīng)的unicode2即微軟正黑體寫在樣式文檔里是沒有效果的，因為unicode2是以文本形式輸出的，這個可以將對應(yīng)的unicode2 放到html文檔中嘗試一下，對應(yīng)輸出微軟雅黑四個字
常用字體設(shè)置

font-family:' SimSun','\5B8B\4F53' /*宋體*/

font-family:' Microsoft Yahei','\5FAE\8F6F\96C5\9ED1' /*微軟雅黑*/

中文名英文名UnicodeUnicode 2

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 麗黑 Pro
麗宋 ProLiSong Pro Light\4E3D\5B8B Pro麗宋 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仿宋_GB2312
楷體_GB2312KaiTi_GB2312\6977\4F53_GB2312楷體_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華文新魏

關(guān)于中文字體在CSS中的寫法分別是怎樣的就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。