位置：首页>> 网络编程>> 网页设计>> W3C优质网页小贴士（三）

W3C优质网页小贴士（三）

作者：ZDYX　来源：zdyx.org　发布时间：2008-04-09 13:32:00　

标签：w3c,优化,字体,图片,日期

阅读上一篇：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 的高度之比]），这样能使小号的字更容易阅读。

2 3 4 下一页

投稿