[转]字体知识

转自http://lifesinger.org/blog/2009/08/font-family-in-css/.

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: SimSun和font-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 -.-

评论

1 楼 wangxinpier 2010-07-18  

不错不错，学习了。。。。