拜读了 LGJ Font Notes 的 Serif VS. Sans Serif 注1 一文,顿时胸中豁然开朗,
终于明白了什么是Sans Serif字体,什么是Serif字体,什么地方应该使用Sans Serif字体,
什么地方又应该使用Serif字体。这些问题,不管是对Web Designer还是普通用户,
了解它我觉得还是十分必要的,比如在很多浏览器中就涉及相应的设置。
实际应用
在Firefox 中(目前似乎只有Firefox有此功能),可以分别单独指定Sans Serif、Serif及Monospace的中西文字体,然而这个选项并未设置在工具菜单中,不过可以在Addressbar中键入about &: config,然后在Filter中过滤font找到如下Preference Name:
Code: |
font.name.monospace.x-western font.name.monospace.zh-CN font.name.sans-serif.x-western font.name.sans-serif.zh-CN font.name.serif.x-western font.name.serif.zh-CN |
你可以依照上述Sans Serif、Serif及Monospace的原则来分别指定一种对应字体,按照W3C的CSS规则 注2 ,在font(或者font-family)的最后都要求指定一个Serif这样的Generic-family,避免客户端实在没有指定字体时使用本机上的Serif默认字体。
由于Mozilla系的浏览器的这种特性,我们在CSS的font设定中,可以分别设定中西文字体来丰富版面,例如我们指定一组小字体(类似此文章标题下的日期、作者、类别):
Code: |
font-family: Arial, PMingLiU, Sans-Serif; /*按照文章前面所讲,在小字体时Sans-serif更为清晰,所以随便指定一个Arial, 而作为Serif的PMingLiU(明体)在小字体显示时也有不俗的外观。 最后不忘指定一个Sans-Serif类。*/ |
参考资料:
Code: |
注1: Serif VS. Sans Serif 注2: Font family: the ‘font-family’ property |
Read: 646