介绍css中文字体和Unicode编码转换方法

作者:袖梨 2022-06-25

在网站中,都不可避免的要用到一些中文字体,比如宋体,微软雅黑,黑体等,在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

相关文章

精彩推荐