W3C优质网页小贴士(三)
作者:ZDYX 来源:zdyx.org 时间:2008-04-09 13:32:00
阅读上一篇:W3C优质网页小贴士(二)
注意字体大小
网页设计者中有这么一种倾向:他们认为小字体能让网页看起来更漂亮,并能提供更多空间给每个网页中的实际内容。但这有时会导致字体太小,不便于阅读。
更加不幸的是,这个问题又随着用于访问网页的平台不同而发生变化,从小屏幕的移动设备到连接在计算机上的投影仪。甚至在某个特定平台内,字体设置也可能不同。
这是一个基本的易用性及可访问性问题:一份好的设计应该看起来漂亮,并且 不需要访客手动调整字体大小。
忘掉 <font>,使用
目前较好的处理网页字体大小设置问题的方法是使用级联样式表(CSS)。我们强烈推荐使用该方法来替代 HTML 中 <font> 标签的使用,因为 CSS 更灵活,更容易维护,同时也节省带宽。本条小贴士的目的并不在于讨论与 <font> 标签比有什么好处,如果你想获得此问题的更多详细信息,请使用你常用的搜索引擎... 我们将着重讨论如何使用技术创建易读性网页。
善用 CSS 的 font 属性
下面有一些使用 CSS 的 font 属性来创建易读的网页时应该遵守的基本规则。
大小:考虑用户的默认字体大小,避免太小的字体
1em(或 100%)作为网页文档的基本字体大小,等价于用户的默认字体大小。使用这个值作为基本字体大小,并避免使用小于这个值的基本字体大小为佳
在正文中避免设置
em
标签中的字体小于1em
,除非是版权声明或其他协议条款等。
单位:避免使用绝对长度单位
不要使用
pt
或其他绝对 长度单位 来定义用于 screen 的 CSS 中的font-size
。他们会根据不同的平台而有所不同,并且不能被用户代理(如浏览器)调整大小。这种单位可以用于固定的并且知道物理属性的 media CSS(例如 print)。使用百分比,或(更好一点)
em
之类的相对 长度单位再好一点,如果一个文档已经设置了基本字体大小,在定义该文档中的某个元素时,可以使用 绝对大小([ xx-small | x-small | small | medium | large | x-large | xx-large ])或 相对大小([ larger | smaller ])。
易读的 font-family
如果要使用较小的 font-size
,可以指定一个带有高度值的易读的 font-family
(参见 CSS2 规范中的 font-size-adjust
部分关于 aspect 值的解释 [译者注:aspect 值是该字体的大小与该字体中小写字母 x 的高度之比]),这样能使小号的字更容易阅读。