返回首页
当前位置11: 主页 > web前端 >

中文字体在 CSS 中的写法

时间:2010-03-07 13:45来源:未知 作者:admin 点击:
感谢 Dawn CSS Reset 的尝试和建议。针对字体的写法,觉得需要说明一下: body,button, input, select, textarea { font: 12px/1 Tahoma, Helvetica, Arial, \5b8b\4f53, sans-serif;} \5b8b\4f53 就是 宋体。用 unicode 表示

感谢 Dawn CSS Reset 的尝试和建议。针对字体的写法,觉得需要说明一下:

body,
button, input, select, textarea {
    font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
}

“\5b8b\4f53″ 就是 “宋体”。用 unicode 表示,不用 SimSun, 是因为 Firefox 的某些版本和 Opera 不支持 SimSun 的写法。普及点字体知识:

字体的别名

系统中的一个字体是允许有多种别名形式存在的。比如,在 Windows 下,Georgia 也可以用 Georgia MS 来命名,它们其实是同一种字体。宋体的正式名称是 SimSun,而“宋体”只是它的别名。

按照规范,浏览器应该能自动识别字体的别名,并映射到正确的字体文件。比如,font-famliy: SimSunfont-family: "宋体"应该具有等价的效果。可惜,似乎很多浏览器都不能正确执行前一条定义……

详细请参考:谈谈网页设计中的字体应用 (4) 实战应用篇

因此,考虑浏览器兼容,我们需要用“宋体”,转码成 unicode 形式则可以保证在任何编码下都无问题。

最后,针对 Dawn CSS Reset 中提出的差异点,说下我的想法:

  1. h1 – h6, 各个浏览器下的 font-size 有差异,统一一下,我觉得还是有好处的,特别是 h3 和 h4.
  2. list-style 放在 ul ol 上,是遵守最小影响原则。li 会继承 ul ol 的 list-style.
  3. acronym 表示首字母缩略词,是 abbr 的一种。目前还是有使用的场合,等 HTML5 正式流行后,再去掉不迟。tt 也如此。
  4. pre 的 monospace, 从语义上讲,的确不大妥当。但大部分使用场合,pre 的内容都是希望等宽的。某种程度上,等宽才能让 pre 真正实现 pre format.
  5. a 去掉了下划线,是因为考虑中文。除了搜狐、新浪这种老旧站点,目前大部分中文站点,链接默认都不会加下划线。这是一种中国特色,同时也是一种国际化趋势。加下划线的链接,越来越多的用来表示强调或某种视觉效果,比如 WordPress 的后台。
  6. 滚动条的问题,已去除。放在 reset 里,的确不妥当。
  7. 另:ie7- 下,hr 有默认色,这次更新加上了:hr { *color: #fff; }(理想情况下,应该设为 transparent, 可惜不行). 讨厌的 ie -.-

更新后的 KISSY Reset CSS: reset.css

(责任编辑:admin)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐内容