css中文字体和Unicode编码转换方法

在网站中,都不可避免的要用到一些中文字体,比如宋体,微软雅黑,黑体等,在css中写入中文的方法一般是: font-family:"微软雅黑","黑体";这样类似的表达方式。

css样式文件也区分文件编码(从视觉上看gb2312、UTF-8 这2种编码的文件,gb2312编码的样式文件代码行与行之 间的行距比较密集,看上去比较凌乱!)。

因此css中指定font-family属性为黑体、幼圆、微软雅黑等中文字体可能会因为编码问题导致中文字体无法按照希望 的字体表形出来!如果 CSS 编码有误,会导致页面加载后 CSS 中的中文字体乱码!

所以我们推荐通过英文、unicode 这种形式来表达中文字体,比如说刚才的 font-family:"宋体","微软雅黑","黑体";就 可以写成 font-family:"SimSun","Microsoft Yahei","SimHei";在Firefox 的某些版本和 Opera 不支持 SimHei的写法,采用 font-family:\5FAE\8F6F\96C5\9ED1;unicode写法。

下面介绍一种中文字体转Unicode编码的方法:
如果你使用chrome或firefox调试插件,直接在console控制台中输入  escape('宋体'),可返回一串字符串:"%u5B8B%u4F53" 将其改写为 “\5B8B\4F53″ ,这就是宋体的 Unicode 编码 啦!

同理,Unicode 编码转成中文字体方法,如:“\5B8B\4F53″

posted @ 2023-02-06 11:20  黑白棋学弟  阅读(152)  评论(0编辑  收藏  举报