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

2011-08-08 12:29:53 by 【6yang】, 395 visits, 收藏 | 返回

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

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

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

  • 黑体 9ED1F53
  • 宋体 B8BF53
  • 楷体 977F53
  • 微软雅黑 FAE8F6F96C59ED1

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

巧用Firebug查询中文字体的Unicode编码(Firefox 4.0,Firebug 1.7.0)

巧用Firebug查询中文字体的Unicode编码(Firefox 4.0,Firebug 1.7.0)

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

分享到:
share

    图片原图

    loading

    loading