不认识字体？送你这份英文字体风格辨识指南

我刚设师的时候，分辨字体风格对我来说是最难的事情之一。自身的我唯一分辨的要区别就是一个字体是衬还是无衬。但当我的越，就越现字风的世界其非常庞大。

这篇指南是 Matej Latin 的《Better Web Typography for a Better Web》的第章节。

我知道辨别字体风格什么这么难。排版层面，尤其字体方面，一切都细节里。很难象设一套字体需多少作，也很难象字体设计师在普通人看见的细节里倾注了多精。要想到辨别字体的线索，我们需要习了解这些细节。但是，为么我们想辨别字体格？为么根据字节一个搭配来？

当然，可以这么。事实，很一段时间我就这么的，尤其我刚始职业涯的时候。但我一很的问题，我对我的字体方面的决策很不自信，我也从不确我的字体组合否合。当然可以复制别人的选择，或者脆用流行的字体方案，如 Typewolf 的《2019 流行的字体》。但这样会不会导致字体的滥用？看看 Helvetica、Gotham 和 Futura 的现状。这些是应最普遍的字体，你几乎在任何地方都见到。结果就是它们失了特色，它们变得平淡无奇。使一个非流行的字体是个全的择，但全的择只你好达标。如果你对质量有更的要求，你是否希望你的版跳脱来或者更融入进？

这就需能准确识别字体风格了。当能够到这一点，并且知道特样式背后的故事时，就可以出好的决。可以的 Web 设项目的下一字体选择出明智的决。可以好组合 2 种或多字体样式，因知道哪些样式可以很好结合使用，哪些不可以。让我们看一下历史常见的字体样式，看看什么义了这些样式及其背后的故事。

衬线体

1. Old style

最初的 Old Style 罗马体现于 15 世纪，带来了最根本的样式的改变，因为它改变了古腾堡和他的字印刷机使的哥特体。更好的制作工具和更精益的制作技艺使得这种精致的格诞生。

哥特体

Blackletter typeface，又叫黑字体。要于中世纪阿卑斯山脉，称为 Blackletter 是因为黑很大。有时被称作「破笔字体」（broken letter），这是德语「弯折体」（gebrochene schrift）的英译。在德国，一直到 20 世纪前半叶都普遍使这种字体进行书籍版。摘自小林章：《西字体：字体的背景知识和使方法》

△ Old Style罗马体的典特点

1. 粗细对比度比低，极细比我们通常看到的高粗细对比度的字要重。
2. 头衬线有角。
3. 底部衬线弧线。
4. 体曲线左偏，x 高相较小。

这些样式很传统，书中仍然很常见，让人联起温暖熟悉的感觉。Garamond，Caslon  Bembo 这种风格的典型表。

• 粗细对：Contrast of stroke
• 极细线：Hairlines
• x高：x-height。与大写母大写高相，为了称呼小写母高度，用没有上下延伸部分 x 作为小写母代表，其高度为 x 高。

△ Garamond（图中为Adobe Garamond）是最典的老式罗马正体

2. Transitional

这是一种与模仿手写字母形式（人义和老式罗马体）的格相距甚远的格。它诞生于 18 世纪的法国，要由英国人约翰·巴斯克维（John Baskerville）定义，但最早在现代美国流行。在《I Love Typography》上的一则帖子描述了 Romain°Roi 字体（King’s Roman，此样式的第一个字体）：

Romain°Roi 标志着与前的老式罗马体类有很大的同，并且受手写字母形式的影响要小得多。请记住，这是启蒙时代，特征是对传统的抵抗，无论是艺术，，哲，宗还是他。因此，同一时代应该诞生全同的类就足为奇了。

△ Transitional的典型特征

1. 粗细对比度显更高。
2. 头部衬有少许倾斜。
3. 衬线仍然是弧线。
4. 字形垂直，这手写体分道扬镳的显著的特征。

Baskerville 是目前最典的 Transitional 字体。

△ Baskerville是Transitional最美的例子

3. Neoclassical和Didone

这种格于 18 世纪首次现在法国。这种格的第一个字体是由 Firmin Didot 设计的，因此得名。此后，Giambattista Bodoni 接管并生产了该字体。他从巴斯克维的作中汲取了灵感，但将灵感发挥到了极致。

△ Didone字体的要特点

1. 此类字粗细对比度很高，并且粗细之间的渡非常突。
2. 衬线末尾呈球。
3. 字形垂直。
4. 并衬线几乎没有弧度。

Bodoni，由之提到的 Giambattista Bodoni 设，该风格著的表。

△ BodoniDidone风格典型的字体

4. Slab

这种风格 19 世初随业革命英诞的。这第一目的与之完全不同的字体。 老式罗马体、过渡体、Didone 都用于书籍。它们较的文本设的。 Slab 第一种广告设的字体，旨脱颖出。这种字体通常字体时看起不错，但通常不应缩小用于文。

△ Slab的主特点

1. 笔画粗细几乎没有变。
2. 字形垂直。
3. 衬线很粗没有弧线。

Roboto Slab 当 Slab 字体的一很好的例子，该字体也可以用于较小的尺寸，也可以用于文（多数Slab字体不行）。

△ Roboto SlabSlab字体的典范，易阅读并且仍保留「业感」

5. Clarendon

Clarendon 风格起源于 19 世中叶，能让 Slab 风格较小尺寸也使用的设。将 Clarendon 与 Slab 风格行比较，它们的结构相似性很明显，但仍细微的区别。Clarendon 显然「柔软」并且悦目。

△ Clarendon的特点

1. 粗细对肉眼可见。
2. 字形角度垂直。
3. 衬线等长度，更细，具有弧度。

同的字体 Clarendon 典型表。

△ Clarendon这风格的表

无衬线体

1. Grotesque

Grotesque 是最早的无衬线体，但却是最早在商上获得成功的无衬线体。最早于 18 世纪设计来，但在 19 世纪才开始应。这种字体最初被称为「奇形怪状的」，是因为当时人们认为这种字体他现代字体丑。

△ Grotesque要特点

• 横竖笔画粗细不同。
• 通小写「g」采双层写法，即在有个圈。
• 通常种很方的感觉，字形呈垂直状态。

Franklin Gothic 和 Akzidenz Grotesk 是典的 Grotesque 字体。

△ Franklin Gothic是典的Grotesque格

2. Neo grotesque

Neo grotesque 是 Grotesque 的更精致和时尚的版本。诞生于 20 世纪中叶，受到原来 Grotesque 格（最著名的是 Akzidenz Grotesk）的启发，字体设计师的目标是制作中性且合的字体。

△ Neo grotesque字体要特点

1. 粗细对比度很低。
2. 通小写「g」采单层写法。
3. 给人的感觉并不方，字形呈垂直状态。

广为人知的 Helvetica 就是最有名的 Neo grotesque 字体。

△ Helvetica是最有名的Neo grotesque字体

3. Geometric

Geometric 起源于 1920 年代的德国。这些字体在很大程上受到包豪斯的影响，它们基于基本的几何形状：角形、正方形和圆形。例如，字母「O」通是无衬线的几何格的美圆圈。

△ Geometric的要特点

1. 粗细对比度极低。
2. 字母「o」几乎是个美的圆形。
3. 这类字体以采用单层写法闻，如图中的小写「a」。

△ Futura是典型的Geometric字

4. Humanist

是一种无衬样式，其灵感来自传统的字母形式，主要是衬，甚至还有书法。最早的 Humanist 设计 20 世纪初，1916 年的 Johnston 和 1928 年的 Gill Sans。Edward Johnston（设计 Johnston 的人）是书法家，并从经典的字母形式（包括Roman capital）汲取灵感。

△ Humanist的特点

• 从 2、3 这可以出更多的向书法学习。
• 1 部分粗细对比度很低以至很难辨认出。

△ Gill Sans是典型Humanist体

5. Neo humanist

Frutiger 体（由Adrian Frutiger设计）标志着新 Neo humanist 风格开始。这些设计主要是可读性。1970-1980 年代，此类体获了更多支持和吸引力，以满足早期低分辨率计算屏幕上高晰度体需求。

△ Neo humanist体特

1. 粗细对比度很，尤其其他无衬线体对比。
2. x 高也更大。

Dax Pro 其中典型。

△ Dax pro典型的Neo humanist字体