中文字体在 CSS 中的写法
作者:lifesinger 来源:岁月如歌 时间:2009-11-24 13:21:00
感谢 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: SimSun
和font-family: "宋体"
应该具有等价的效果。可惜,似乎很多浏览器都不能正确执行前一条定义……
详细请参考:谈谈网页设计中的字体应用 (4) 实战应用篇
因此,考虑浏览器兼容,我们需要用“宋体”,转码成 unicode 形式则可以保证在任何编码下都无问题。
最后,针对 Dawn CSS Reset 中提出的差异点,说下我的想法:
h1 – h6, 各个浏览器下的 font-size 有差异,统一一下,我觉得还是有好处的,特别是 h3 和 h4.
list-style 放在 ul ol 上,是遵守最小影响原则。li 会继承 ul ol 的 list-style.
acronym 表示首字母缩略词,是 abbr 的一种。目前还是有使用的场合,等 HTML5 正式流行后,再去掉不迟。tt 也如此。
pre 的 monospace, 从语义上讲,的确不大妥当。但大部分使用场合,pre 的内容都是希望等宽的。某种程度上,等宽才能让 pre 真正实现 pre format.
a 去掉了下划线,是因为考虑中文。除了搜狐、新浪这种老旧站点,目前大部分中文站点,链接默认都不会加下划线。这是一种中国特色,同时也是一种国际化趋势。加下划线的链接,越来越多的用来表示强调或某种视觉效果,比如 WordPress 的后台。
滚动条的问题,已去除。放在 reset 里,的确不妥当。
另:ie7- 下,hr 有默认色,这次更新加上了:hr { *color: #fff; }(理想情况下,应该设为 transparent, 可惜不行). 讨厌的 ie -.-
更新后的 KISSY Reset CSS: reset.css