网页设计者中有这么一种倾向:他们认为小字体能让网页看起来更漂亮,并能提供更多空间给每个网页中的实际内容。但这有时会导致字体太小,不便于阅读。
更加不幸的是,这个问题又随着用于访问网页的平台不同而发生变化,从小屏幕的移动设备到连接在计算机上的投影仪。甚至在某个特定平台内,字体设置也可能不同。
这是一个基本的易用性及可访问性问题:一份好的设计应该看起来漂亮,并且不需要访客手动调整字体大小。
忘掉 <font>,使用 CSS
目前较好的处理网页字体大小设置问题的方法是使用级联样式表(CSS)。上海荣欧网络公司强烈推荐使用该方法来替代 HTML 中 <font> 标签的使用,因为 CSS 更灵活,更容易维护,同时也节省带宽。本文的目的并不在于讨论 CSS 与 <font> 标签比有什么好处,如果你想获得此问题的更多详细信息,请使用你常用的搜索引擎… 我们将着重讨论如何使用 CSS 技术创建易读性网页。
善用 CSS 的 font 属性
下面有一些使用 CSS 的 font 属性来创建易读的网页时应该遵守的基本规则。
大小:考虑用户的默认字体大小,避免太小的字体
* 1em(或 100%)作为网页文档的基本字体大小,等价于用户的默认字体大小。使用这个值作为基本字体大小,并避免使用小于这个值的基本字体大小为佳
* 在正文中避免设置 em 标签中的字体小于 1em,除非是版权声明或其他协议条款等。