萬盛學電腦網

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

中文字體在CSS中的英文表達方式

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

中文字體與英文、unicode 對應的太多,背也背不下來,就搜集了一張表格收藏記錄一下,希望也是你想要的:

Office 中文名 英文名 Unicode Mac OS Windows 新細明體 PMingLiU 65B07EC6660E4F53 細明體 MingLiU 7EC6660E4F53 標楷體 DFKai-SB 680769774F53 黑體 SimHei 9ED14F53 宋體 SimSun 5B8B4F53 新宋體 NSimSun 65B05B8B4F53 仿宋 FangSong 4EFF5B8B 楷體 KaiTi 69774F53 仿宋_GB2312 FangSong_GB2312 4EFF5B8B_GB2312 楷體_GB2312 KaiTi_GB2312 69774F53_GB2312 微軟正黑體 Microsoft JhengHei 5FAEx8F6F6B639ED14F53 微軟雅黑 Microsoft YaHei 5FAE8F6F96C59ED1 華文細黑 STHeiti Light [STXihei] 534E65877EC69ED1 華文黑體 STHeiti 534E65879ED14F53 華文楷體 STKaiti 534E658769774F53 華文宋體 STSong 534E65875B8B4F53 華文仿宋 STFangsong 534E65874EFF5B8B 麗黑 Pro LiHei Pro Medium 4E3D9ED1 Pro 麗宋 Pro LiSong Pro Light 4E3D5B8B Pro 標楷體 BiauKai 680769774F53 蘋果麗中黑 Apple LiGothic Medium 82F9679C4E3D4E2D9ED1 蘋果麗細宋 Apple LiSung Light 82F9679C4E3D7EC65B8B 隸書 LiSu 96B64E66 幼圓 YouYuan 5E7C5706 華文細黑 STXihei 534E65877EC69ED1 華文楷體 STKaiti 534E658769774F53 華文宋體 STSong 534E65875B8B4F53 華文中宋 STZhongsong 534E65874E2D5B8B 華文仿宋 STFangsong 534E65874EFF5B8B 方正舒體 FZShuTi 65B96B6382124F53 方正姚體 FZYaoti 65B96B6359DA4F53 華文彩雲 STCaiyun 534E65875F694E91 華文琥珀 STHupo 534E6587742573C0 華文隸書 STLiti 534E658796B64E66 華文行楷 STXingkai 534E6587884C6977 華文新魏 STXinwei 534E658765B09B4F

  很全面吧,但也不要高興地太早,因為我們有著人手一個規則的浏覽器大軍,就算是舉著完美支持 CSS 大旗的 Firefox,也有不盡如人意的地方,因為 Firefox 居然不支持以上別名,對它來說 "Microsoft Yahei" 並不是微軟雅黑,只能反饋出浏覽器默認字體的的結果,唉,浏覽器太多也不好,還不如回到 IE 壟斷的年代,沒有比較,也就沒有抱怨。


 

copyright © 萬盛學電腦網 all rights reserved