网站设计的空间问题

今天新加一节，本来计划好的，昨天写的时候又忘了。这里的空间指的是 letter-spacing 和 line-height，也就是字间距和行间距。首先，良好的行间距是排版最重要的地方，你可能不能自由选择字体，字号的选择也受诸多限制，但至少行间距的选择是可以完全由自己控制的。

所谓的 line-height，指的是两行字基线 (base-line) 之间的距离，什么是基线?下面图中的红线便是，对于汉字，则应该就是底部的水平线。在印刷排版中，习惯用 pt 来指定行高，比如所谓采用 12/14pt 排版，就是字号 12pt，行高 14pt;而 Web 中似乎习惯用百分比来设置，这个见仁见智，只要自己看得顺眼就行。但必须注意的是，浏览器默认的行高一定是不够的，尤其对于希望浏览者长时间阅读的内容，行高 - 字号至少要有 2pt 以上。更苛刻的排版学家通常推荐 3pt 以上，但毕竟 Web 上可以随意一点。

但 letter-spacing 又是另一回事，我没学过书法，汉字的间距不好多说，但英文字母的间距却不应该随便调整，尤其不宜统一调整。因为实际上，Type1、TrueType、OpenType 这些字体格式中都包含了一个叫做 kerning table 的东西，也就是字母间距的微调。为什么要做这种微调?两个简单的例子是 AV 和 We，如果不做微调，A和V之间的距离就会过宽，e也不会像我们平常书写的那样和W契合得那么自然，下图显示了 Adobe Reader 中，使用 Sabon Next 字体时的 kerning 效果：

大部分的 User Agent，当然也包括你的浏览器，都会根据字体的 kerning table 自动做这个微调工作，但倘若你使用 CSS 来修改 letter-spacing，这个工作就白费工夫了。所以我才建议不要随便调整 letter-spacing。比如 WordPress 原来的 Classi c Theme (Dave Shea 设计，Matt 修改)，就犯了这个毛病。