制作一个Office Ready的字体

2010年11月21日星期日

下面通过一个例子来介绍如何制作一个Office Ready的字体。

在浏览字体的时候看上了Compatil Fact,兴高采烈地装上,打开Firefox一看:

四个字体没有被组合到一起,换句话说,常规/粗体/斜体/粗斜体之间没有关联,无论是网页中的还是Word里面的Ctrl+B等,都无法调用相应的字体。

可事实上这个字体的设计并没有错,打开Win7的字体目录,它们确实归在同一个家族。Photoshop/Illustrator这样的软件里的效果也相同。

实际上这是一个难以两全的问题。简单说,Word/Firefox遵守的是规则可俗称为“Office 4字体规则”, 即常规/粗体/斜体/粗斜为一组。这是一个比较保守和传统的字体家庭结构,在这个结构下无法变更字重和字宽,换句话说一家最多四口。而对设计者而言,一个 字体大家庭远远不止四口,而是存在着Thin, Light, …, Ultra Bold, Black的字重变化和Compress, Condensed, …, Extended, Extra Wide的字宽变化。Compatil Fact这个字体虽然目前只有四个字形,但它的设计已经前瞻性地考虑到了添丁进口的问题,它遵守的规则可以俗称“大家庭规则”。

但是我现在只是想把这个字体制作成显示字体,而不是给Photoshop用,为了方便,我可以使用Fontlab调整字体使之“Office Ready”。

  1. 把四个字体用Fontlab打开。从Regular开始,点File-Font info(Ctrl+Alt+F):

  1. 为了不和原版混淆,我把Family Name改一下,改成Compatil Fact Office

  1. 然后点击Build Names(绿色钻石图标),自动生成了新的名称

  1. 然后切换到OpenType-specific names点一下Build Opentype Names。最后点OK,Regular就修改完成了。

  1. 下面是Bold,打开Font info后是这样

问题就出在这里,Family Name里面就多了Bold,而4字体规则要求的是Family Name要相同才被认为是一家。所以跟上面一致的话,家庭名统一改成Compatil Fact Office。

  1. 另一个重点是要勾上“Font is bold”,然后点Build Style Name,再点Build Names

  1. 然 后再重复“4”里面的步骤一次。细心的人应该已经理解,大家庭规则是靠这个菜单,也就是OpenType-specific names来维系的。点Build Opentype Names这个步骤只是为了在改成4字体规则后,象征性地遵守一下大家庭规则。其实上不会影响Office Ready字体的生成,因为后者是由Basic set of font names决定的。

  1. Italic和Bold Italic类似,但是我还是把截图放上来。

  1. 全 部改好,点了OK之后,回到Fontlab,点菜单File-Generate All。设置好Format(推荐TrueType/OpenType TT,这样生成的字体有分级Hinting,即使不用Mactype也有更好的适应性(这才算Office Ready)。选好保存路径后点Start。

  1. 在生成过程中碰到这样的提示,选Compiled,其实Binary也无所谓。

字体就生成好了,虽然文件名还是没变,但是字体名已经变了并且Office Ready了。再看Firefox:

再谈显示字体



《字体迷的显示字体推荐》(以下简称“原文)”一文已经过去3年半的时间了,对字体方面有了不少新的认识,再回头看这篇文章时,觉得有很多值得更新的地方,有些甚至是勘误。于是决定再写一篇文章。

时过境迁,很多观点会随着使用的软件和审美观的不同而变化。原文中一上来就说“中文字体我看遍了也只有宋体最适合屏幕显示”,事实上,一者这几年黑体越来越流行,Windows有雅黑,苹果有丽黑/华文黑体,Linux有文泉驿正黑/微米黑,手机操作系统上也大力使用黑体。其二,由于加入了极限论坛,我开始使用和研究gdi++(Mactype)字体渲染,它让字体的美感一下就提高到了一个新的境界。在有Mactype的时候,黑体的美观程度就相当于拉丁的无衬线字体。而事实上宋体之美,或者说原文中提到的“宋体”之美,事实上是局限于ClearType配合点阵宋体,那个严格上来说真的不是宋体。真正的宋体跟拉丁的衬线体一下,在小尺寸下表现能力有限,即使是用Mactype渲染,也是灰蒙蒙的效果,看着吃力。

由于有了Mactype,TrueType字体内建的hinting也可以被无视,OpenType字体同样可以被直接使用。事实上Mactype使得字体的屏幕显示效果大大接近字体真实的效果,很多字体都“化腐朽为神奇了”,从这个意义上来说,字体之间的比拼又回到了字形设计上,而不是依赖于文件格式。但Mactype并不是系统的标配,在很多情况下如果一个字体有良好的hinting,它就有了良好的适应性,这在下文Office ready字体中会提到。

原文中一些错误和值得商榷的地方:

** BitStream字体的含糊命名:

  • Incised 901 BT = Antique Olive,它的显示效果也并非“非常接近Tahoma”
  • Swiss 721 BT = Helvetica,我居然没有认出来……
  • GeoSlab703 = Memphis
  • Humanist 777 = Frutiger
** 过于活泼的字体只适合中英混排,不适合大段的西文阅读:
  • Blueprint
  • Maiandra GD
  • Sassoon Sans
** 衬线感太强的字体更适合打印:
  • Stone Serif
  • ZapfEllipt BT
  • Optima (GE Optical)
** 粗衬线字体(Slab Serif)容易让眼睛疲劳,适合标题而非正文:
  • Memphis
** 不是每个程序都会访问字体的Kerning。此外,在小尺寸、屏幕显示下,Kerning往往没有意义,因为hinting/Mactype渲染会改变字符的几何属性。

选择屏幕字体的一些标准
  1. 空间利用。在小尺寸下,字体必须要合理地利用空间,在这方面不用再多说无衬线比衬线的优越性,但即使这样,Gill Sans却依然不如Georgia易读。

    在有Mactype的介入下,少数衬线体的确也值得一试,这里推荐Georgia, Cambria, Minion Pro(或者Web Pro)和Times Europa Office。

    需要说明的是Mactype的渲染会让字符变粗,这时又成就了无衬线字体的一大优势——字重。在Regular显得拥挤时,很多Sans字体都有比Regular更细的Light版用来匹配。

  2. 简洁明快。不想用“易读性”这个概念,因为它太泛。简洁明快指的是字体的个性不宜太张扬,尤其不能有一两个字符漂亮得让人每看见它就不由得停下来欣赏一番——这影响了文字内容的转达。Helvetica为什么成功?因为它像空气一样。不过这也是一个见仁见智的问题,因为看久了之后就会习惯的……

    举例我现在正使用的Thesis Sans Office,Thesis Sans是很优秀的字体,但它的大写Q的尾巴是悬空的,每次看到,确实会不由自主多欣赏两眼,好在英文中大写Q出镜率不高,可法语就大不相同了。难怪Thesis Sans OT里面有3种关于大写Q的替代字。

  3. 特色字符。刚刚说了不要字符太有个性,为什么马上就来了个“特色字符”?这里主要是针对几个字符的典型写法上的区别。例如:小写a的单/双层版,小写g的单/双圈版,大写G横杠的处理和衔接,大写I是否带双杠,等等。

    单从字符看似乎是这样,实则它们往往是区别Humanist Sans和Geometric Sans的标志。Humanist Sans比较流行使用双圈g(Thesis Sans),Geometric Sans的大写G往往就要更圆润(Neuzeit Office)。另外,Humanist Sans的优势在于独立的斜体,这也是为什么我非常推荐Myriad而非Frutiger,Segoe而非Lucida Grande的原因。独立的斜体用作强调的时候,比伪斜(Slanted)更容易被发现,也显得更有个性(没错,被强调的部分应该要多一点变化)。同样是这个原因,我对Sans Grotesque有点逃避,从而也很少提到Helvetica/Arial和Din。

  4. Office ready: 4字形。对于屏幕字体来说,Regular, Bold, Italic, Bold Italic是最好的搭配,因为网页字体一般也就只使用这标准的四个字形。这也是为什么近些年出现一个新概念“Office ready字体”(在极限论坛推荐过),主要的出发点就是适合网页显示和Word排版。简而言之,在Word里面可以用Ctrl+B和Ctrl+I来访问。

    如果你看上了一套字体,而它的命名未必符合上述规则。这时最好用Fontlab自己修正一下(重点就是在字体信息中合理地勾上“Font is bold”和“Font is italic”),并生成四个TrueType版再安装使用。如果Light是你的基准字重,你甚至可以把它强制定为Regular。具体操作

    但是如果一字体连这4个字形都无法提供的话还是扔了吧,因为网页和Word中都使用的是伪粗和伪斜。
字体推荐

原文提到的字体中,我依然推荐的有
  • Avenir:在原文中是比较消极的口气,但现在感觉这个字体非常清晰,强烈推荐。Avenir Next和Avenir在做屏幕字体时没有太大的差异。
  • Calibri
  • Myriad Pro/Myriad Web
  • Georgia
  • Minion Pro/Minion Web:一定要开Mactype哦!
然后最近新发现的一些优秀的字体
  • Thesis Sans Office:Humanist风格,偏向柔和。
  • Neuzeit Office:Geometric风格,偏向硬朗,跟Avenir有相似之处。事实上它是Din Neuzeit Grotesk演变而来的,也就是减少了Grotesque的成分,合理地走向Geometric。
  • Times Europa Office:Times是永恒的经典,但是Times New Roman对人是一种伤害,所以,喜欢Times的,换这个吧。
  • Compatil Fact:Compatil事实上是Linotype重金开发的大家族。光拿无衬线版的Office 4字形来做网页显示,就看出制作水平的精良:清晰、和谐、易读。
想要快速测试一个字体的网页效果并不容易,我使用的方法是:
  1. 首先确认4个字形符合Office Ready标准(否则用Fontlab自定义)。
  2. 然后安装,或者用FontExpert的Activate Temporarily Now功能,不好看的话省得卸载。
  3. 用Firefox选择字体后,打开 www.lipsum.com ,先读那些介绍文字,测试字体能否太有个性而让人无心阅读正文内容,然后点Generate Lorem Ipsum生成没有意义的赘文,可以快速了解字体显示大段文字的屏幕灰度(与字符的空间利用直接相关)。再去浏览几个外文网站。当然用记事本保存一段测试文本也是可以的,只是我觉得那种测试太纯粹,只能测一种颜色,一种尺寸。


好的屏幕字体就像老婆,首先她漂亮,但却不张扬;她有很多动人之处,可能你都已经看习惯,但依然能感受到那种整体美。

你冷不丁想瞟一眼的女生,往往只是一两个特点吸引着你,如果天天看,全方面地跟她在一起生活,你会发现其实她那一两个优点掩饰了她很多的缺点,一如漂亮的Swash容易造成行间重叠和整体灰度不均匀。

更为重要的是,这些优点属于字体本身,它们无法有效地帮助传达文字的内容,这就是为什么这种字体更适合引人眼球的Logo。相反,两个人的生活中不免充斥着柴米油盐,这些内容必须要一颗包容和体谅的心才能装得下——就像一个简约淡定的字体。