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

INTRO: 在CSS中使用Unicode编码表示中文字体,兼谈一些font使用的细节。

在CSS中使用Unicode编码表示中文字体,兼谈一些font使用的细节。

为什么要使用Unicode编码?

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

而使用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

不知道也没关系,通过firefox的控制台,我们可以很方便的查找中文字体对应的Unicode编码。
直接在控制台中输入escape(‘黑体’),就可以得到黑体的Unicode编码“%u9ED1%u4F53″,将其改写为 “\9ED1\4F53″ 即可写入CSS文件。

关于CSS中字体使用的一些其他的注意点:

font的写法:
可以按顺序设置如下属性:
* font-style
* font-variant
* font-weight
* font-size/line-height
* font-family
例子:font:italic normal bold 12px/30px arial,sans-serif;

在CSS中,无法通过font/font-family来分别定义一段文字中的中英文字体。如果非要区分,可以给中文或英文加个span标签。

建议指定网页语言,就像

1
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-cn">

有 !important 时,网页样式可以覆盖用户自定义样式。用户!important > 网页!important > 用户 > 网页 > 浏览器默认

推荐:
font: 12px/1.5 tahoma, arial;
或:
font: 12px/1.5 arial;

延伸阅读

中文字体在 CSS 中的写法 | 再谈 Web 默认字体 | 三谈 Web 默认字体

或许您对这些文章也感兴趣:

希望得到您的评论

(匿名是不被允许的)
(不会被公开)

DecImage.com 印象十二月 遥记那一季西部行

你不能逃避你的弱点,要不就奋起反击,要不就坐以待毙。如果真的是这样,为什么不从此时就开始呢?——Robert Louis Stevenson
感谢阅读我的文章,如果您需要订阅:RSS Feed | Comments RSS Feed

> 推荐两本看过的书

  • 艽野尘梦艽野尘梦全书5万多字,文言文书写,纸薄情长。读完全书,你必从此不会忘记一个叫西原的女子。
  • 幸福的建筑幸福的建筑阿兰·德波顿说他对任何的装饰都深恶痛绝,故我觉得他会和我一样喜欢北欧极简主义。
  • >友情链接

  • 零九的十二月 我在西部游走 像一个孩子一样