Web与排版学上的字体问题.docVIP

Web与排版学上的字体问题关于字体的讨论，其实无论是国外还是国内，都已经有不少，可是我发现绝大部分的内容或者有失偏颇，或者不够全面，下面我试图将自己一段时间内的观点总结一下，以求提出一个比较容易接受的 CSS 字体选择的建议。 事关大小 字体的大小总是一个困扰人的问题，用绝对单位还是用相对单位？或者具体来说，用什么单位？ex? em? pt? px? 百分比? 让我们看看 CSS 2.1 Spec 中的说明: 1、相对大小包括：em, ex, px 2、绝对大小包括：in, cm, mm, pt, pc 3、em 就是相对 font-size 制定的大小而言的，例如 margin: 1.2em 就是指设置 1.2 个字符宽度的 margin，当 em 本身用于 font-size 时，指的是它所继承元素的相对大小。 4、百分比也是相对 font-size 而言的。 因此我认为，em 和百分比都不适合设置字体的大小，因为相互变动的因素太多了，修改一个地方就有可能影响很多其他的地方。ex 是根据拉丁字母的 x 的高度而言的，这不适合汉字的大小，所以也否决了。px 是根据当前显示设备的解析度而言的，同一个 px 对应不同的设备——比如屏幕或纸张——实际的大小会有一定差异。 所以我认为，如果网页中应该存在作为绝对参照系的长度，那么 pt 和 px 应该是首选，其他的长度根据这个绝对参照系，按照百分比或者 em 来变动。 下面谈谈网页和印刷中大小造成的差异。99% 的网页是用来在屏幕上阅读的，而问题在于，屏幕的解析度要比纸张低得多，所以如果直接把字体按照纸张上印刷的那个大小显示，肯定是看不清的，仅就英文字体而言，许多细微的点划、衬线都没法在那么低的解析度下表现出来，所以我们只能用专门设计给屏幕显示的字体。 这些字体的优劣是很难评述的，有一种看法认为，尽管纸张印刷中都倾向于有衬线 (serif) 的字体比无衬线 (sans-serif) 的要易读，但屏幕上无衬线的字体反而要好一些。所以微软把 Verdana 吹捧为了最适合网页使用的字体。我通常也偏向于使用 Verdana、Arial 多于 Times、Georgia。 ?对于中文字体的情况有所不同，中文字体在屏幕上的清晰显示依赖的是点阵字体，或者简单的说，就是微软随 Windows 提供的宋体和新宋体 (simsun nsimsun)，这套字体是华康公司 (Dynalab) 设计的，对 9pt 到 12pt 左右的字体都设计了对应的点阵字体。其中使用得最广泛的是 9pt, 10.5pt 和 12pt 的字体： 那么比这个大小要大的汉字呢？就要依赖操作系统的字体圆整 (anti-alias，以下简称 aa) 技术了，一般大家认为，Mac OS X 和 Linux 下的 AA 要比 Windows 的 ClearType 好很多。然而不管怎么说，用太大的汉字是比较危险的。 事关空间 今天新加一节，本来计划好的，昨天写的时候又忘了。 这里的空间指的是 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-sp