在寫一個(gè)網(wǎng)站的樣式表的時(shí)候,都會不可避免地用到一些中文字體,比如說微軟雅黑、黑體等,除非是做英文站,或者說你樂意整站都用瀏覽器默認(rèn)的字體,那我也算服了U。在 CSS 中寫入中文字體的方法一般采用 font-family:"微軟雅黑","黑體";這樣類似的表達(dá)方式,但是對于像 WordPress 這樣需要 UTF8 編碼平臺來說,一個(gè)不注意沒有轉(zhuǎn)換編碼就會導(dǎo)致中文字體無法按照希望的字體表形出來。所以我們可以通過英文、unicode 這種形式來表達(dá)中文,比如說剛才的 font-family:"微軟雅黑","黑體";就可以寫成 font-family:"Microsoft Yahei","SimHei"; 這樣看起來是不是也可以統(tǒng)一一點(diǎn)呢。
中文字體與英文、unicode 對應(yīng)的太多,背也背不下來,就搜集了一張表格收藏記錄一下,希望也是你想要的:
| 中文名 | 英文名 | Unicode |
|---|---|---|
| Mac OS | ||
| Windows | ||
| Office | ||
| 華文細(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 |
| 新細(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 |
| 隸書 | 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 |
很全面吧,但也不要高興地太早,因?yàn)槲覀冇兄耸忠粋€(gè)規(guī)則的瀏覽器大軍,就算是舉著完美支持 CSS 大旗的 Firefox,也有不盡如人意的地方,因?yàn)?Firefox 居然不支持以上別名,對它來說 "Microsoft Yahei" 并不是微軟雅黑,只能反饋出瀏覽器默認(rèn)字體的的結(jié)果,唉,瀏覽器太多也不好,還不如回到 IE 壟斷的年代,沒有比較,也就沒有抱怨。
新聞熱點(diǎn)
疑難解答
圖片精選