对于一个从事网页设计(也常说成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”,注意命令符里的符号都是英文符号,否则可能会出错。
另外,在设置字体时候最好把英文字体写在前面,不然可能网页里所有的英文字体和数字都变成“宋体”或者别的字体去了,那样看起来比较不美观。例 如:font-family:’ \5B8B\4F53’,Arial;最好像这样写:
font-family:Arial,’\5B8B\4F53’;
font:14px/1.14 arial,\5FAE\8F6F\96C5\9ED1;color:#333;outline:0;
中文名 | 英文名 | Unicode | Unicode 2 |
---|---|---|---|
Mac OS | |||
华文细黑 | STHeiti Light [STXihei] | \534E\6587\7EC6\9ED1 | 华文细黑 |
华文黑体 | STHeiti | \534E\6587\9ED1\4F53 | 华文黑体 |
华文楷体 | STKaiti | \534E\6587\6977\4F53 | 华文楷体 |
华文宋体 | STSong | \534E\6587\5B8B\4F53 | 华文宋体 |
华文仿宋 | STFangsong | \534E\6587\4EFF\5B8B | 华文仿宋 |
丽黑 Pro | LiHei Pro Medium | \4E3D\9ED1 Pro | 丽黑 Pro |
丽宋 Pro | LiSong Pro Light | \4E3D\5B8B Pro | 丽宋 Pro |
标楷体 | BiauKai | \6807\6977\4F53 | 标楷体 |
苹果丽中黑 | Apple LiGothic Medium | \82F9\679C\4E3D\4E2D\9ED1 | 苹果丽中黑 |
苹果丽细宋 | Apple LiSung Light | \82F9\679C\4E3D\7EC6\5B8B | 苹果丽细宋 |
Windows | |||
新细明体 | PMingLiU | \65B0\7EC6\660E\4F53 | 新细明体 |
细明体 | MingLiU | \7EC6\660E\4F53 | 细明体 |
标楷体 | DFKai-SB | \6807\6977\4F53 | 标楷体 |
黑体 | SimHei | \9ED1\4F53 | 黑体 |
宋体 | SimSun | \5B8B\4F53 | 宋体 |
新宋体 | NSimSun | \65B0\5B8B\4F53 | 新宋体 |
仿宋 | FangSong | \4EFF\5B8B | 仿宋 |
楷体 | KaiTi | \6977\4F53 | 楷体 |
仿宋_GB2312 | FangSong_GB2312 | \4EFF\5B8B_GB2312 | 仿宋_GB2312 |
楷体_GB2312 | KaiTi_GB2312 | \6977\4F53_GB2312 | 楷体_GB2312 |
微软正黑体 | Microsoft JhengHei | \5FAE\x8F6F\6B63\9ED1\4F53 | 微软正黑体 |
微软雅黑 | Microsoft YaHei | \5FAE\8F6F\96C5\9ED1 | 微软雅黑 |
Office | |||
隶书 | LiSu | \96B6\4E66 | 隶书 |
幼圆 | YouYuan | \5E7C\5706 | 幼圆 |
华文细黑 | STXihei | \534E\6587\7EC6\9ED1 | 华文细黑 |
华文楷体 | STKaiti | \534E\6587\6977\4F53 | 华文楷体 |
华文宋体 | STSong | \534E\6587\5B8B\4F53 | 华文宋体 |
华文中宋 | STZhongsong | \534E\6587\4E2D\5B8B | 华文中宋 |
华文仿宋 | STFangsong | \534E\6587\4EFF\5B8B | 华文仿宋 |
方正舒体 | FZShuTi | \65B9\6B63\8212\4F53 | 方正舒体 |
方正姚体 | FZYaoti | \65B9\6B63\59DA\4F53 | 方正姚体 |
华文彩云 | STCaiyun | \534E\6587\5F69\4E91 | 华文彩云 |
华文琥珀 | STHupo | \534E\6587\7425\73C0 | 华文琥珀 |
华文隶书 | STLiti | \534E\6587\96B6\4E66 | 华文隶书 |
华文行楷 | STXingkai | \534E\6587\884C\6977 | 华文行楷 |
华文新魏 | STXinwei | \534E\6587\65B0\9B4F | 华文新魏 |
转载请注明:有爱前端 » 常见中文字体在CSS中的Unicode编码