Plod

关注你的字体尺寸Care With Font Size

　　设计者中流行这样一种观念，认为小字号文本会使网页看上去显得更精致时尚，而且每个页面还能节省出更多空间放更多内容，而正是这种观念导致了小字号文字的不合理使用。
　　不幸的是，浏览者可能通过各种不同的平台访问网页，小到屏幕才丁点儿大的手持设备，大到挂接在计算机上的投影设备，甚至在一些特定的平台中，字体设置都会发生变化。
　　所以我们正面临一个最基本的可用度和易用性问题: 一个好的设计应该是无须用户增加或减小文字的尺寸就已经看上去很好了。

推荐养成的设计习惯

忘掉<font>吧，以CSS取而代之

　　时下正确的设置网页文字尺寸的做法是使用层叠样式表(Cascading Style Sheets - CSS)。因为比起在HTML里使用<font>标签来，CSS更灵活，更便于节省带宽，值得大力推荐。这篇技巧提示的目的不是讨论CSS与<font>的优劣对比，想在这点上获取更多详细资讯的读者会拿出他们常用的搜索引擎来查找相关信息的... 我们在这里关注的是如何很好地利用CSS技术来创建结构清晰、广泛易读的网页。

如何很好地利用CSS的字体属性

　　如果您想利用CSS的字体属性创建(足以)简单易读的网页，那么请遵循我们给出的以下几条基本规则。

• 不要使用点(pt)或者其他的绝对长度单位来指定字号(font-size)。它们在不同的平台下显示都不一致，而且在客户端(比如: 浏览器)里不能调整尺寸。
• 使用诸如百分比(percent)或em(更佳)等相对长度单位(POPO注:比如我们常用的像素--px)，还有更好的办法，先在文档中设置一个基础字号，然后在定义特定元素的字号时使用绝对尺寸([ xx-small | x-small | small | medium | large | x-large | xx-large ])或相对尺寸([ larger | smaller ])。
• 避免在文本部分使用小于1em的字号，除非用于诸如版权申明或其他“极小的字体”。
• 如果要使用小字号，尽量选择一种易读的字体(font-family)，并且这种字体应该具备较高的外观值(查看CSS2特性表中的font-size-adjust部分有关于外观值的解释)，使它在小字号下更容易阅读。
• 如果在字体(font-family)属性中选择了多种字体(为了让系统从列表中选择最佳字体来显示)，您可以使用font-size-adjust属性来强制使用一个特定的外观值。

深入阅读

• Fonts in the CSS2 W3C Specification
• What's wrong with the FONT element? by Warren Steel
• Size Matters by Todd Fahrner
• Big Type Campaign by Lighthouse International
• Making Text Legible: Designing for People with Partial Sight by Aries Arditi

--POPOEVER翻译 转载请注明出处