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

猜你喜欢

  • django的403/404/500错误自定义页面的配置方式

    2023-01-19 06:44:40
  • Python使用sqlite3模块内置数据库

    2024-01-26 21:51:39
  • oracle sys_connect_by_path 函数 结果集连接

    2009-07-12 18:48:00
  • 利用Python实现岗位的分析报告

    2022-01-19 23:49:16
  • Python函数的返回值、匿名函数lambda、filter函数、map函数、reduce函数用法实例分析

    2021-09-20 22:47:57
  • 一个挺酷的星级投票效果

    2010-08-03 12:44:00
  • python的移位操作实现详解

    2021-05-05 22:51:30
  • MySQL存储过程中游标循环的跳出和继续操作示例

    2024-01-25 05:32:04
  • Flask交互基础(GET、 POST 、PUT、 DELETE)的使用

    2022-01-17 11:00:04
  • vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多(步骤详解)

    2024-05-22 10:28:19
  • SQL Server数据库对服务器的需求

    2010-06-11 13:52:00
  • Django利用cookie保存用户登录信息的简单实现方法

    2021-03-22 16:47:26
  • Python程序设计入门(4)模块和包

    2023-06-18 11:37:36
  • vue3 $attrs和inheritAttrs的用法说明

    2024-04-26 17:39:08
  • mysql中截取字符串的6个函数讲解

    2024-01-13 13:54:11
  • Python爬虫小技巧之伪造随机的User-Agent

    2023-11-02 21:32:41
  • numpy中实现ndarray数组返回符合特定条件的索引方法

    2023-04-21 06:21:53
  • pandas 层次化索引的实现方法

    2023-11-24 19:04:02
  • Python pymongo模块常用操作分析

    2021-06-13 11:01:05
  • go类型转换及与C的类型转换方式

    2024-04-28 09:18:38
  • asp之家 网络编程 m.aspxhome.com