CSS Unicode字体

在 CSS 中设置字体名称,直接写中文是可以的。但是在文件编码(GB2312、UTF-8 等)不匹配时会产生乱码的错误。xp 系统不支持 类似微软雅黑的中文。

方案一: 你可以使用英文来替代。 比如 font-family:"Microsoft Yahei"。

方案二: 在 CSS 直接使用 Unicode 编码来写字体名称可以避免这些错误。使用 Unicode 写中文字体名称,浏览器是可以正确的解析的。
font-family: "\5FAE\8F6F\96C5\9ED1",表示设置字体为“微软雅黑”。

可以通过escape() 来测试属于什么字体。

| 字体名称 | 英文名称      | Unicode 编码
| ---------    | --------------- | -------------------- |
| 宋体        | SimSun        | \5B8B\4F53 |
| 新宋体     | NSimSun     | \65B0\5B8B\4F53 |
| 黑体        | SimHei         | \9ED1\4F53 |
| 微软雅黑 | Microsoft YaHei            | \5FAE\8F6F\96C5\9ED1 |
| 楷体_GB2312 | KaiTi_GB2312      | \6977\4F53_GB2312 |
| 隶书        | LiSu             | \96B6\4E66 |
| 幼园        | YouYuan      | \5E7C\5706 |
| 华文细黑 | STXihei        | \534E\6587\7EC6\9ED1 |
| 细明体    | MingLiU        | \7EC6\660E\4F53 |
| 新细明体 | PMingLiU     | \65B0\7EC6\660E\4F53 |

 

参考网站:http://code.ciaoca.com/style/cssfont2unicode/

posted @ 2018-07-22 21:15  小方块的世界  阅读(318)  评论(0编辑  收藏  举报