CSS中使用Unicode编码表示中文字体

什么是Unicode编码?

Unicode(统一码、万国码、单一码)是一种在计算机上使用的字符编码。它为每种语言中的每个字符设定了统一并且唯一的二进制编码,以满足跨语言、跨平台进行文本转换、处理的要求。1990年开始研发,1994年正式公布。随着计算机工作能力的增强,Unicode也在面世以来的十多年里得到普及。
为什么要使用Unicode编码?

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

原因2:直接使用中文字体,有时候在ie6下会出现样式丢失问题。

而使用英文代替中文如:“font-family:SimSun”也不推荐,Firefox的部分版本与Opera在处理SimSun时会有问题。
所以推荐使用中文字体的Unicode编码。

常见中文字体的Unicode编码:

黑体  \9ED1\4F53
宋体  \5B8B\4F53
新宋体  \65B0\5B8B\4F53
仿宋  \4EFF\5B8B
楷体  \6977\4F53
仿宋_GB2312  \4EFF\5B8B_GB2312
楷体_GB2312  \6977\4F53_GB2312
微软雅黑  \5FAE\8F6F\96C5\9ED1
隶书  \96B6\4E66
幼圆  \5E7C\5706

其实常用的也就三个 黑体、宋体、微软雅黑,如果记不住的话,还可以通过firebug的控制平台查下:
直接在控制台中输入escape(‘黑体’),就可以得到黑体的Unicode编码“%u9ED1%u4F53″,将其改写为 “\9ED1\4F53″ 即可写入CSS文件。


本文固定链接:成事博客CSS中使用Unicode编码表示中文字体
喜欢 (0)分享 (0)
(1)个小伙伴在吐槽
  1. 学习了,这个确实挺有用的
    张煊同学2014-09-07 11:00 回复
发表我的评论
取消评论

表情     9 + 3 = ? (必填)

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址