网页设计中CSS调用字体时出现乱码的解决方案
鄄城畅想网络 2016年03月16日
经常有朋友在做网页的时候,出现这么一种情况,做好网页的时候,在本地测试,自己的调用的字体,是正常的, 而等页面做上程序后上传到服务器后,却发现我们自己设置的字体已经失去效果, 通过审查元素的方法来查看,却发现CSS里面的字体却变成了乱码, 而查看CSS后,发现, 自己并没有定义,或者定义了正确的编码,但网页在读取CSS时,都是出现乱码。
现在,鄄城畅想网络通过查阅各种资料后,将解决方法分享给大家, 供大家学习使用。
原因:
在 CSS 中设置字体名称,直接写中文是可以的。但是在文件编码(GB2312、UTF-8 等)不匹配时会产生乱码的错误。
为此,在 CSS 直接使用 Unicode 编码来写字体名称可以避免这些错误。使用 Unicode 写中文字体名称,浏览器是可以正确的解析的。
例如:
font-family: "\5FAE\8F6F\96C5\9ED1",表示设置字体为“微软雅黑”。
常用中文字体 Unicode 编码
字体名称 | 英文名称 | 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://www.jccxwl.com