中文字体在 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: 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

标签:中文,字体,css,浏览器
0
投稿

猜你喜欢

  • Dreamweaver的CSS布局ul和li范例

    2009-08-28 12:34:00
  • CSS的另类拼图___减少HTTP请求

    2009-05-28 19:05:00
  • SQL server使用自定义函数以及游标

    2011-11-03 17:26:27
  • 小型分页的设计

    2011-08-18 18:32:26
  • js星级评分代码

    2008-05-02 21:07:00
  • sql server not in 语句使程充崩溃

    2012-01-05 19:05:00
  • 和server XMLHTTP相关的几个函数

    2008-09-21 13:56:00
  • 把网页中的(电话,qq等数字)生成图片的ASP程序

    2011-04-11 10:40:00
  • 新Orcas语言特性:扩展方法

    2007-09-23 12:49:00
  • js截取字符串的方法

    2008-04-20 17:06:00
  • 语言化H1标签

    2008-01-11 13:54:00
  • 动态产生XML文档的几种方式

    2007-10-15 18:30:00
  • asp如何在刷新链接之前验证文件是否存在?

    2010-06-22 21:09:00
  • XML编程实例: ASP+XML打造留言本

    2008-10-25 16:35:00
  • 二级域名原理以及asp实现程序

    2007-08-03 13:08:00
  • 国际上十四个优秀网页设计审核站

    2007-09-30 20:18:00
  • MySQL数据库中修改密码及访问限制设置详解

    2009-09-01 14:19:00
  • 长文章自动分页类

    2008-09-10 12:11:00
  • php ZipArchive解压缩实现后台管理升级问题详解

    2023-05-25 11:58:10
  • 困惹的A标签

    2007-12-04 12:36:00
  • asp之家 网络编程 m.aspxhome.com