花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來到素材無憂網(wǎng),按 + 收藏我們
登錄 注冊 退出 找回密碼

中文字體在CSS中的表達(dá)方式

時間: 2019-05-13 11:29 閱讀: 作者:素材無憂網(wǎng)

來源:wange.im

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

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

 

中文名 英文名 Unicode
Mac OS
華文細(xì)黑 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
標(biāo)楷體 BiauKai \6807\6977\4F53
蘋果麗中黑 Apple LiGothic Medium \82F9\679C\4E3D\4E2D\9ED1
蘋果麗細(xì)宋 Apple LiSung Light \82F9\679C\4E3D\7EC6\5B8B
Windows
新細(xì)明體 PMingLiU \65B0\7EC6\660E\4F53
細(xì)明體 MingLiU \7EC6\660E\4F53
標(biāo)楷體 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
華文細(xì)黑 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ī)則的瀏覽器大軍,就算是舉著完美支持 CSS 大旗的 Firefox,也有不盡如人意的地方,因為 Firefox 居然不支持以上別名,對它來說 "Microsoft Yahei" 并不是微軟雅黑,只能反饋出瀏覽器默認(rèn)字體的的結(jié)果,唉,瀏覽器太多也不好,還不如回到 IE 壟斷的年代,沒有比較,也就沒有抱怨。

版權(quán)聲明: 本站資源均來自互聯(lián)網(wǎng)或會員發(fā)布,如果侵犯了您的權(quán)益請與我們聯(lián)系,我們將在24小時內(nèi)刪除!謝謝!

轉(zhuǎn)載請注明: 中文字體在CSS中的表達(dá)方式

標(biāo)簽:  
相關(guān)文章
模板推薦