在网站中,都不可避免的要用到一些中文字体,比如宋体,微软雅黑,黑体等,在css中写入中文的方法一般是: font-family:"微软雅黑","黑体";这样类似的表达方式。
css样式文件也区分文件编码(从视觉上看gb2312、UTF-8 这2种编码的文件,gb2312编码的样式文件代码行与行之 间的行距比较密集,看上去比较凌乱!)。
因此css中指定font-family属性为黑体、幼圆、微软雅黑等中文字体可能会因为编码问题导致中文字体无法按照希望 的字体表形出来!如果 CSS 编码有误,会导致页面加载后 CSS 中的中文字体乱码!
所以我们推荐通过英文、unicode 这种形式来表达中文字体,比如说刚才的 font-family:"宋体","微软雅黑","黑体";就 可以写成 font-family:"SimSun","Microsoft Yahei","SimHei";在Firefox 的某些版本和 Opera 不支持 SimHei的写法,采用 font-family:5FAE8F6F96C59ED1;unicode写法。
下面介绍一种中文字体转Unicode编码的方法:
如果你使用chrome或firefox调试插件,直接在console控制台中输入 escape('宋体'),可返回一串字符串:"%u5B8B%u4F53" 将其改写为 “5B8B4F53″ ,这就是宋体的 Unicode 编码 啦!
同理,Unicode 编码转成中文字体方法,如:“5B8B4F53″
先将“5B8B4F53″改写成"%u5B8B%u4F53",再用unescape('%u5B8B%u4F53')即可查看到Unicode 编码对应的中文字体!
这样或许嫌麻烦,那也没关系,这里有一份比较完整的中英文及unicode的对应表格:
中文名 |
英文名 |
Unicode |
新细明体 |
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 |