字体问答

原文发表于 2013 年 4 月 10 日，原文地址已不可再访问。翻译水平有限，欢迎交流指导。

蒙纳字体（Monotype）发布了一系列专门为小尺寸屏幕使用而设计的字体。 所以我们请到了创意总监Steve Matteson聊聊关于网页字体，印刷与网页字体的对比，如何选择正文字体，以及关于新系列的一些内容。

字体爱好者知道所有的网页字体都不尽相同。 但更有趣的是，在网络上可用并不一定意味着它们是专为网络而制作的，是吗？

那就对了。 目前可用的网页字体很多都是在计算机和电子显示器出现之前设计的。 有些是为旧的印刷技术而开发的（被称为凸版印刷），字体被按压在纸上，并且有一点油墨的“挤压”痕迹。 这种字体（尤其是那些用于书本印刷的字体）在现代印刷中看起来相当轻，就是因为缺少墨水挤压的力量。 当在网络上使用这些字体时，他们的文本字块可能会显得苍白，瘦弱，并且难以阅读。 细一些的线或衬线等细节可能会显得微弱，进而妨碍可读性。 这种差异很重要，毕竟字体的首要功能是为了阅读。

是什么导致了原本设计用于打印的字体却不那么适合在网络上使用？

由于与印刷表面相比，早期数字显示器的分辨率较低，因此许多设计特征在视觉上反而会对阅读造成损害。 例如，紧密间距可能会让字体特征在文字大小变化时产生擦碰，也会让有些字型（如“e”或“a”的开口）相互切入，造成读者困扰。 此外，在屏幕上，字型茎干上的微小转角可能会呈现出一个尖锐的锯齿状边缘，而不是一个优雅的弧度。

对于一些字体，它们完美的解剖特征和装饰曲线只有当放大时才能被意识到。

这并不是说所有的趣味特征都需要从字体设计中去除。 有些特征非常微妙或者几近消失，除非在非常大的字体尺寸并且有足够像素的前提下才得以展现。 例如，在大写字母“G”边缘上的短衬线。

当选择小尺寸的字体时，我们应该注意什么？

我们必须有这样的预期，那就是任何字体特征在小尺寸显示时都会被削弱，而字体的变形也是不可避免的。 这也会随着大小的不同而变化：12px与15px看起来有些许不同，而32px则会明显不同。 每种字体都有展示自己特征的最佳尺寸，即甜蜜点 - 事实上屏显中任何字体都有甜蜜点 - 所以有一个字体的“色版”是有用处的（原文应该是用了 colorplate 这个词）。

在同等像素大小下，很容易看出Dante（左）与大字面的Dante eText（右）相比有较小的x高度。

优秀的正文字体特征，无论是在屏显还是印刷系统规范中，都是一样的：其中甚至包括颜色，常规间距和轻微的开口。文本中最引人注目的两个特征是质地和颜色。说到质地，我指的是一段文字看上去有多么光滑，激动，尖锐，流畅，削瘦，平静或精力充沛。当字体满足了设计师视觉上所需求的质感和色彩，才是正确的选择。

有哪些字体类型在作为正文时是需要远离的？

如果你想要设置 16px 的文本，还有很多东西要远离。例如，大多数经典的字面 - 从 Adobe Garamond 到 Times New Roman 字体 - 都需要设置为 22px 或更大以便阅读。即便如此，他们的细线看起来通常也很脆弱。

如果衬线/无衬线作为正文字体有个辩论的话，你站哪队？哪个在可读性和易读性上更胜一筹？还是这些都是废话？

比起一种字体是否有衬线，还有很多因素需要考虑。例如，如果屏幕的分辨率非常差，那么无衬线字体在以像素绘制时将遭受最小的失真。在过去，这是建议“无衬线最适合屏显”的重要因素。但是，日渐增加的屏幕分辨率和反锯齿显示技术使得这些建议没有实际意义。网页可读性最关键的是变量的相互影响，如行长，行高，字体样式和大小。

你能简单解释一下可读性和易读性之间的区别吗？

这些字眼现在仍有争议。对于我来说，可读性就是阅读字体的方式：疲倦地，专注地，对文本的流动毫无察觉地，或者被设计中不寻常的特征或变形所分心地。可读性是更可衡量的东西 - 文本可以多快地被无误读取。其他人可能会以不同的方式定义这些。

上周，您的团队在Fonts.com上发布了eText字体集，这些字体集经过特别重新设计，能够以较小的文本尺寸良好地运行。请问该项目从何而来？

对我来说，动力来自于原来的iPad和iBooks应用程序。当我看到旧的印刷版Monotype Baskerville被放在一个非常明亮的液晶屏幕上阅读，以及读起来是多么的可怕的时候，我开始解决这个问题。我们新的Baskerville eText字体（或简称BaskervilleE）是首次与iPad交互的结果。在合作设计中，我将SabonE作为一个对比设计，证明了如果向设计师提供正确的工具，那么电子书排版是可行的。

自此，我们从广泛的流派中选择了许多字体，目的就是为了给设计师一个“色版”。 AmasisE，ITC GilliardE，MalabarE，Monotype BaskervilleE，Neue HelveticaE，PalatinoE，PMN CaeciliaE，SabonE和YsobelE字体是我们发布的前九个，并且还有更多字体正在开发中。

重新设计现有字体有哪些挑战？

最大的挑战是确定要保留哪些原始定义的特征，而又有哪些可以更改或删除。这个想法为了是保持新设计看上去还是原始家族的成员。例如，我们已经把BaskervilleE重新绘制成当前作为打印用途版本的Monotype Baskerville的“堂兄弟”。它保留了原始的巴洛克式特征，又有适应性，可以更好地在屏幕上阅读。

Monotype Baskerville和旁边的新BaskervilleE（Font.com）

你对这些字体做了什么样的改变？

我们所处理的第一件事是小写字母与大写字母高度的比例。我们的eText字体已经被设计成具有相对较大的小写高度。也就是说，为了有更多的像素可用于构建小写字母，小写字母高度与字母高度的比例有点夸张。同时，也考虑不使它们太大看起来不雅。

其次，我们必须考虑文本的灰度。原始版本对于屏幕来说太轻，因此需要加深一些。但是这点需要谨慎，因为我们不想让所有字体都具有相同的灰度，从而稀释了设计调色板的多样性。

除此之外，每种字体都有自己的间距考虑，放大的孔径（以防止它们在屏幕上模糊）以及倾向于独特的气质。另外，以前存在的网页字体需要更多的技术（被称为提示和边缘调整）以便在当今的各种数字显示器上执行得更好。

在重新设计过程中出现了什么惊喜？

我本来想创建为Bembo Book字体创建一个屏显版本，它本来是一个非常流行并且漂亮的图书字体。我对我试图调和屏显版本中的一些特质感到不满，并决定在完成之前不要发布它。一个别致的特征是小写字母“n”，右侧茎干不是直的，而是有一个轻微的弯曲。虽然找到一个可行的解决方案会推迟字体的发布，但我未来还是会回头继续为完美这个方案而努力。

这些字体最适合什么尺寸？

12像素是这些字体的下限。低于这个尺寸，无论在任何情况下，人文主义风格的无衬线体都是最好的选择 - 像Verdana和Frutiger字体，这些字体本质上是书本字体的骨架，并且具有易于阅读的开放形状。当达到30px或更大时，eText字体虽然仍然有用，但它们可以被他们的印刷体版本所取代以获得更精致的观感。

Futura与YsobelE的直立姿势形成鲜明对比

你会建议与eText集合配对哪种字体？

由于这些大部分都是衬线字体，所以他们最好的伴侣要么是他们以前的大尺寸网页版本，要么是其它无衬线体。将衬线和无衬线字体相结合时，重要的是要考虑流派。像 Futura 字体这样的单线几何无衬线字体在 BaskervilleE 的高对比度主干（stems）或 GalliardE 字体的书法压力下效果不佳，但是它与 YsobelE 的直立挺拔相称；像 Neue Haas Grotesque 字样的怪诞无衬线字体（Grotesque）将是 BaskervilleE 的好搭档；像 Syntax 或 Frutiger 系列这种无衬线人文主义字体（Humanist）非常适合 GalliardE 和 SabonE 字体。

这些新的 eText 版本是否替换了以前的 Web 版本，那些以前的版本还能为设计师所用吗？

所有的原始设计仍然适用于较大的尺寸 - 他们在显示器上看起来更加细腻和精致。当字体被制作为美丽的凸版书印刷时，每种渐进尺寸的金属活字都具有厚度对比度的渐变。最小的文字尺寸有较大的小写高度和较宽的间距，屏显最佳尺寸被细线切割并且间距更窄。因此，使用 32px 以上尺寸的原始 Monotype Baskerville 搭配我们的 BaskervilleE 的文本将会是非常合理的。

您可以在我们的 Typecast 应用程序中试验所有九个新的 eText 字体。

原文地址：

http://typecast.com/blog/type-qa-steve-matteson-from-monotype