CSS中的(dí)中文字體(tǐ)表(biǎo)達(dá)方式(shì)
在寫一個網(wǎng)站(zhàn)的樣式表的(dí)時候，都會不可(kě)避(bì)免(miǎn)地用到一(yī)些中(zhōng)文字體(tǐ)，比(bǐ)如(rú)說微軟雅(yǎ)黑，黑體(tǐ)等，除(chú)非是(shì)做(zuò)英文站，或(huò)者說(shuō)你樂(lè)意整站(zhàn)都用瀏(liú)覽器默(mò)認(rèn)的字(zì)體(tǐ)，那我(wǒ)也算(suàn)服了U。在 CSS 中寫入(rù)中(zhōng)文字(zì)體(tǐ)的方(fāng)法一般采(cǎi)用(yòng) font-family:"微軟(ruǎn)雅黑","黑體";這(zhè)樣類似(sì)的表達方式，但是(shì)對於(yú)像 WordPress 這樣(yàng)需(xū)要(yào) UTF8 編碼(mǎ)平(píng)台(tái)來(lái)說，一個(gè)不注意(yì)沒有轉換編(biān)碼(mǎ)就會導致(zhì)中(zhōng)文字(zì)體無法按照希望(wàng)的(dí)字體表形出來(lái)。所(suǒ)以(yǐ)我(wǒ)們(mén)可(kě)以(yǐ)通過英文，unicode 這(zhè)種形式(shì)來表(biǎo)達中文，比(bǐ)如說(shuō)剛(gāng)才(cái)的 font-family:"微(wēi)軟雅(yǎ)黑","黑體";就可以(yǐ)寫(xiě)成 font-family:"Microsoft Yahei","SimHei"; 這(zhè)樣(yàng)看(kàn)起來(lái)是(shì)不是(shì)也可以統一(yī)一點呢。
中文(wén)字(zì)體與(yǔ)英(yīng)文，unicode 對(duì)應(yīng)的太多，背也(yě)背(bèi)不(bù)下(xià)來，就(jiù)搜集(jí)了(liǎo)一張(zhāng)表(biǎo)格收藏記錄(lù)一下，希望(wàng)也(yě)是你想要(yào)的：
中(zhōng)文(wén)名英文名Unicode
Mac OS
華(huá)文細(xì)黑STHeiti Light [STXihei]\534E\6587\7EC6\9ED1
華文(wén)黑(hēi)體STHeiti\534E\6587\9ED1\4F53
華(huá)文楷(kǎi)體STKaiti\534E\6587\6977\4F53
華(huá)文(wén)宋體(tǐ)STSong\534E\6587\5B8B\4F53
華(huá)文(wén)仿宋STFangsong\534E\6587\4EFF\5B8B
麗(lì)黑(hēi) ProLiHei Pro Medium\4E3D\9ED1 Pro
麗(lì)宋 ProLiSong Pro Light\4E3D\5B8B Pro
標(biāo)楷(kǎi)體(tǐ)BiauKai\6807\6977\4F53
蘋果麗中(zhōng)黑Apple LiGothic Medium\82F9\679C\4E3D\4E2D\9ED1
蘋果(guǒ)麗(lì)細宋Apple LiSung Light\82F9\679C\4E3D\7EC6\5B8B
Windows
新(xīn)細明(míng)體(tǐ)PMingLiU\65B0\7EC6\660E\4F53
細明體(tǐ)MingLiU\7EC6\660E\4F53
標楷體(tǐ)DFKai-SB\6807\6977\4F53
黑(hēi)體(tǐ)SimHei\9ED1\4F53
宋(sòng)體SimSun\5B8B\4F53
新宋(sòng)體NSimSun\65B0\5B8B\4F53
仿宋FangSong\4EFF\5B8B
楷體KaiTi\6977\4F53
仿宋_utf-8FangSong_utf-8\4EFF\5B8B_utf-8
楷(kǎi)體_utf-8KaiTi_utf-8\6977\4F53_utf-8
微軟正(zhèng)黑(hēi)體Microsoft JhengHei\5FAE\x8F6F\6B63\9ED1\4F53
微軟(ruǎn)雅黑Microsoft YaHei\5FAE\8F6F\96C5\9ED1
Office
隸書LiSu\96B6\4E66
幼圓YouYuan\5E7C\5706
華(huá)文(wén)細黑STXihei\534E\6587\7EC6\9ED1
華(huá)文楷(kǎi)體STKaiti\534E\6587\6977\4F53
華文宋體STSong\534E\6587\5B8B\4F53
華文(wén)中宋(sòng)STZhongsong\534E\6587\4E2D\5B8B
華(huá)文(wén)仿(fǎng)宋(sòng)STFangsong\534E\6587\4EFF\5B8B
方正舒(shū)體FZShuTi\65B9\6B63\8212\4F53
方正(zhèng)姚(yáo)體FZYaoti\65B9\6B63\59DA\4F53
華(huá)文(wén)彩雲(yún)STCaiyun\534E\6587\5F69\4E91
華文琥(hǔ)珀(pò)STHupo\534E\6587\7425\73C0
華(huá)文隸(lì)書STLiti\534E\6587\96B6\4E66
華(huá)文(wén)行楷(kǎi)STXingkai\534E\6587\884C\6977
華文(wén)新魏(wèi)STXinwei\534E\6587\65B0\9B4F
以(yǐ)上(shàng)介(jiè)紹的CSS中的(dí)中文字體表(biǎo)達(dá)方(fāng)式很全麵(miàn)吧，但也不(bù)要高(gāo)興(xīng)地(dì)太(tài)早，因為我(wǒ)們有著人手一個(gè)規則的瀏覽器大(dà)軍，就(jiù)算(suàn)是(shì)舉著(zhuó)完美支持 CSS 大旗的 Firefox，也有不盡如人(rén)意的地方(fāng)，因為 Firefox 居(jū)然不(bù)支持(chí)以上別(bié)名(míng)，對它來說 "Microsoft Yahei" 並(bìng)不是(shì)微(wēi)軟雅黑，隻能(néng)反(fǎn)饋(kuì)出瀏(liú)覽器(qì)默認(rèn)字體的(dí)的(dí)結(jié)果，唉，瀏覽(lǎn)器太(tài)多也不(bù)好，還(huán)不(bù)如回到 IE 壟斷(duàn)的年代，沒有比較(jiào)，也(yě)就沒(méi)有抱(bào)怨。
轉載(zǎi)請(qǐng)保(bǎo)留原文(wén)地(dì)址(zhǐ): https://antelcom.cn/show-467.html