中文字体在CSS中的表达方式
在写一个网站的样式表的时候,都会不可避免地用到一些中文字体,比如说微软雅黑、黑体等,除非是做英文站,或者说你乐意整站都用浏览器默认的字体, 那我也算服了U。在 CSS 中写入中文字体的方法一般采用 font-family:"微软雅黑","黑体";这样类似的表达方式,但是对于像 WordPress 这样需要 UTF8 编码平台来说,一个不注意没有转换编码就会导致中文字体无法按照希望的字体表形出来。所以我们可以通过英文、unicode 这种形式来表达中文,比如说刚才的 font-family:"微软雅黑","黑体";就可以写成 font-family:"Microsoft Yahei","SimHei"; 这样看起来是不是也可以统一一点呢。
中文字体与英文、unicode 对应的太多,背也背不下来,就搜集了一张表格收藏记录一下,希望也是你想要的:
中文名 | 英文名 | Unicode |
---|---|---|
Mac OS | ||
华文细黑 | 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 |
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 |
Office | ||
隶书 | 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" 并不是微软雅黑,只能反馈出浏览器默认字体的的结果。