百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> 介绍css中文字体和Unicode编码转换方法
分享文章到:

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

发布时间:01/15 来源: 浏览: 关键词:
因为要用到中文字体,所以在css中不可避免的要用到中文字符,但是css也会区分文件编码,现在我们来讲讲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:5FAE8F6F96C59ED1;unicode写法。

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

同理,Unicode 编码转成中文字体方法,如:“5B8B4F53″

先将“5B8B4F53″改写成"%u5B8B%u4F53",再用unescape('%u5B8B%u4F53')即可查看到Unicode 编码对应的中文字体!

这样或许嫌麻烦,那也没关系,这里有一份比较完整的中英文及unicode的对应表格:

中文名

英文名

Unicode

新细明体

PMingLiU

65B07EC6660E4F53

细明体

MingLiU

7EC6660E4F53

标楷体

DFKai-SB

680769774F53

黑体

SimHei

9ED14F53

宋体

SimSun

5B8B4F53

新宋体

NSimSun

65B05B8B4F53

仿宋

FangSong

4EFF5B8B

楷体

KaiTi

69774F53

仿宋_GB2312

FangSong_GB2312

4EFF5B8B_GB2312

楷体_GB2312

KaiTi_GB2312

69774F53_GB2312

微软正黑体

Microsoft JhengHei

5FAEx8F6F6B639ED14F53

微软雅黑

Microsoft YaHei

5FAE8F6F96C59ED1

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有20人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板