常见中文字体在CSS中的Unicode编码(宋体:\5B8B\4F53)

对于一个从事网页设计（也常说成DIV+CSS）的朋友来说，可能会遇到过这样的问题，就是在CSS里像这样设置某对象的字体：font-family:1.5em/1.75,’黑体’,Arial; 结果有些时候不起作用，用Firebug来查看才发现浏览器解释这个代码的时候，出现乱码了，所以不起作用。

那怎么解决这个乱码问题呢，由于CSS文件基本都是UTF-8的编码模式，所以我们可以把中文字体的名称用相应的Unicode编码来代替，这样就可以有效的避免浏览器解释CSS代码时候出现乱码的问题。比如中文字体“宋体”经过Unicode编码后为“\5b8b\4f53″，在CSS中就可以这样写：font-family:’ \5b8b\4f53’;

为了方便需要的朋友快速使用，下表中列出了一些常用中文字体的Unicode编码：

• 黑体 \9ED1\4F53
• 宋体 \5B8B\4F53
• 楷体 \6977\4F53
• 微软雅黑 \5FAE\8F6F\96C5\9ED1

如果在你“DIV+CSS”的过程中，还需要用到一些表中没有的字体的话，可以借助Firefox的插件Firebug来查询所需中文字体对应的 Unicode编码，方法很简单，就是打开Firefox，然后打开Firebug，在“控制台”里底部“>>>”的后面像这样输入 “escape(‘黑体’)”，然后会显示一个错误信息，*** is not defined 前面的部分就是中文字体“黑体”对应的Unicode编码“\9ED1\4F53”，注意命令符里的符号都是英文符号，否则可能会出错。如图：

巧用Firebug查询中文字体的Unicode编码（Firefox 4.0，Firebug 1.7.0）

另外，在设置字体时候最好把英文字体写在前面，不然可能网页里所有的英文字体和数字都变成“宋体”或者别的字体去了，那样看起来比较不美观。例 如：font-family:’ \5B8B\4F53’,Arial;最好像这样写：font-family:Arial,’ \5B8B\4F53’;