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

通常会采用对中文字体进行 Unicode 编码的方式来解决这个危险的问题。比如字符“宋体”经过 Unicode 编码后为 “\5b8b\4f53″。以淘宝为例:font:12px/1.5 tahoma,arial,\5b8b\4f53; 预选的中文字体是编码后的宋体。

于此获得到了 “%u9ED1%u4F53″,将其改写为 “\9ED1\4F53″ 即可写入 CSS 文件。
| 中文名 | Unicode |
|---|---|
| 新细明体 | \65B0\7EC6\660E\4F53 |
| 细明体 | \7EC6\660E\4F53 |
| 标楷体 | \6807\6977\4F53 |
| 黑体 | \9ED1\4F53 |
| 宋体 | \5B8B\4F53 |
| 新宋体 | \65B0\5B8B\4F53 |
| 仿宋 | \4EFF\5B8B |
| 楷体 | \6977\4F53 |
| 仿宋_GB2312 | \4EFF\5B8B_GB2312 |
| 楷体_GB2312 | \6977\4F53_GB2312 |
| 微软正黑体 | \5FAE\x8F6F\6B63\9ED1\4F53 |
| 微软雅黑 | \5FAE\8F6F\96C5\9ED1 |