几点说明

中文翻译版可能包含错误,应以 W3C 官方网站的英文原版为准

上方导航栏中可以查看每个小贴士的英文原版及繁體中文版

版权信息在页面最下方

注意字体大小

网页设计者中有这么一种倾向:他们认为小字体能让网页看起来更漂亮,并能提供更多空间给每个网页中的实际内容。但这有时会导致字体太小,不便于阅读。

更加不幸的是,这个问题又随着用于访问网页的平台不同而发生变化,从小屏幕的移动设备到连接在计算机上的投影仪。甚至在某个特定平台内,字体设置也可能不同。

这是一个基本的易用性及可访问性问题:一份好的设计应该看起来漂亮,并且 不需要访客手动调整字体大小

忘掉 <font>,使用 CSS

目前较好的处理网页字体大小设置问题的方法是使用级联样式表(CSS)。我们强烈推荐使用该方法来替代 HTML 中 <font> 标签的使用,因为 CSS 更灵活,更容易维护,同时也节省带宽。本条小贴士的目的并不在于讨论 CSS 与 <font> 标签比有什么好处,如果你想获得此问题的更多详细信息,请使用你常用的搜索引擎... 我们将着重讨论如何使用 CSS 技术创建易读性网页。

善用 CSS 的 font 属性

下面有一些使用 CSS 的 font 属性来创建易读的网页时应该遵守的基本规则。

大小:考虑用户的默认字体大小,避免太小的字体

单位:避免使用绝对长度单位

易读的 font-family

如果要使用较小的 font-size,可以指定一个带有高度值的易读的 font-family (参见 CSS2 规范中的 font-size-adjust 部分关于 aspect 值的解释 [译者注:aspect 值是该字体的大小与该字体中小写字母 x 的高度之比]),这样能使小号的字更容易阅读。

延伸阅读

Some of the advice here differs from ours. "Corpus 1em, nihil minor" —Bert Bos after Cato.

关于“优质小贴士”

The W3C 优质小贴士 是为网页开发者和设计者提供的一些有用的小短文,由 W3C 的 Quality Assurance Interest Group 负责管理和辑写。中文版由 ZDYX(张杜一雄)维护。

虽然这些小贴士都被小组成员认真审查过,但这只是我们向你提供的点滴技巧。请注意,它们 不能 被认为是 W3C 的技术规范。

学习更多的技巧,了解怎样提交你自己的智慧点滴,以及阅读其他的优质小贴士,尽在 小贴士索引

Created Date: 2003-07-30 by Olivier Thereaux and Susan Lesch
Last modified $Date: 2006/11/24 01:20:24 $ Translated by ZDYX