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

时间：2022-06-25 11:15:36 编辑：袖梨来源：一聚教程网

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

推荐专题

最新下载

热门教程

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

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程