在CSS中使用Unicode编码表示中文字体,兼谈一些font使用的细节。
为什么要使用Unicode编码?
在CSS中使用中文字体通常直接设置字体名称,比如设置字体为宋体:font-family:’宋体’。但因此产生的一个问题是,如果CSS编码有误,会导致页面加载后CSS中的中文字体乱码,请看下图所示:

而使用font-family:SimSun也不推荐,Firefox的部分版本与Opera在处理SimSun时会有问题。
所以推荐使用中文字体的Unicode编码。
常见中文字体的Unicode编码:
- 黑体 \9ED1\4F53
- 宋体 \5B8B\4F53
- 新宋体 \65B0\5B8B\4F53
- 仿宋 \4EFF\5B8B
- 楷体 \6977\4F53
- 仿宋_GB2312 \4EFF\5B8B_GB2312
- 楷体_GB2312 \6977\4F53_GB2312
- 微软雅黑 \5FAE\8F6F\96C5\9ED1
- 隶书 \96B6\4E66
- 幼圆 \5E7C\5706
不知道也没关系,通过firefox的控制台,我们可以很方便的查找中文字体对应的Unicode编码。
直接在控制台中输入escape(‘黑体’),就可以得到黑体的Unicode编码“%u9ED1%u4F53″,将其改写为 “\9ED1\4F53″ 即可写入CSS文件。

关于CSS中字体使用的一些其他的注意点:
font的写法:
可以按顺序设置如下属性:
* font-style
* font-variant
* font-weight
* font-size/line-height
* font-family
例子:font:italic normal bold 12px/30px arial,sans-serif;
在CSS中,无法通过font/font-family来分别定义一段文字中的中英文字体。如果非要区分,可以给中文或英文加个span标签。
建议指定网页语言,就像
1 | <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-cn"> |
有 !important 时,网页样式可以覆盖用户自定义样式。用户!important > 网页!important > 用户 > 网页 > 浏览器默认。
推荐:
font: 12px/1.5 tahoma, arial;
或:
font: 12px/1.5 arial;

