在我剛成為設(shè)計(jì)師的時(shí)候，分辨字體風(fēng)格對(duì)我來說是最難的事情之一。自學(xué)出身的我唯一能分辨的主要區(qū)別就是一個(gè)字體是襯線體還是無襯線體。但當(dāng)我了解的越多，就越發(fā)現(xiàn)字體風(fēng)格的世界其實(shí)非常龐大。

這篇指南是 Matej Latin 的《Better Web Typography for a Better Web》的第三章節(jié)選。

現(xiàn)在我知道辨別字體風(fēng)格為什么這么難。在排版層面，尤其是字體方面，一切都在細(xì)節(jié)里。很難想象設(shè)計(jì)一套字體需要多少工作量，也很難想象字體設(shè)計(jì)師在普通人看不見的細(xì)節(jié)里傾注了多少精力。所以要想找到辨別字體的線索，我們需要學(xué)習(xí)了解這些細(xì)節(jié)。但是，為什么我們想辨別字體風(fēng)格？為什么不根據(jù)字節(jié)選一個(gè)搭配出來？

當(dāng)然，你可以這么做。事實(shí)上，很長一段時(shí)間我就是這么做的，尤其是在我剛開始職業(yè)生涯的時(shí)候。但我有一個(gè)很大的問題，我對(duì)我的字體方面的決策很不自信，我也從來不確定我的字體組合是否合適。當(dāng)然你可以復(fù)制別人的選擇，或者干脆用最流行的字體方案，如 Typewolf 的《2019 年最流行的字體》。但這樣會(huì)不會(huì)導(dǎo)致字體的濫用？看看 Helvetica、Gotham 和 Futura 的現(xiàn)狀吧。這些是應(yīng)用最普遍的字體，你幾乎在任何地方都能見到。結(jié)果就是它們失去了特色，它們變得平淡無奇。使用一個(gè)非常流行的字體是個(gè)安全的選擇，但安全的選擇只能讓你剛好達(dá)標(biāo)。如果你對(duì)質(zhì)量有更高的要求，你是否希望你的排版能跳脫出來或者更加融入進(jìn)去？

這就需要你能準(zhǔn)確識(shí)別字體風(fēng)格了。當(dāng)你能夠做到這一點(diǎn)，并且知道特定樣式背后的故事時(shí)，就可以做出更好的決定。你可以為正在做的 Web 設(shè)計(jì)項(xiàng)目的下一個(gè)字體選擇做出明智的決定。你可以更好地組合 2 種或更多字體樣式，因?yàn)槟阒滥男邮娇梢院芎玫亟Y(jié)合使用，哪些不可以。讓我們看一下歷史上最常見的字體樣式，看看是什么定義了這些樣式及其背后的故事。

襯線體

1. Old style

最初的 Old Style 羅馬體出現(xiàn)于 15 世紀(jì)，帶來了最根本的樣式的改變，因?yàn)樗淖兞斯膨v堡和他的活字印刷機(jī)使用的哥特體。更好的制作工具和更加精益的制作技藝使得這種精致的風(fēng)格誕生。

哥特體

Blackletter typeface，又叫黑字體。主要用于中世紀(jì)阿爾卑斯山脈以北，稱其為 Blackletter 是因?yàn)槠浜诙群艽蟆Ｓ袝r(shí)也被稱作「破筆字體」（broken letter），這是德語「彎折體」（gebrochene schrift）的英譯。在德國，一直到 20 世紀(jì)前半葉都普遍使用這種字體進(jìn)行書籍排版。摘自小林章：《西文字體：字體的背景知識(shí)和使用方法》

△ Old Style羅馬體的典型特點(diǎn)

1. 粗細(xì)對(duì)比度比較低，極細(xì)線比我們通常看到的高粗細(xì)對(duì)比度的字體要重。
2. 頭部襯線有角度。
3. 底部襯線是弧線。
4. 整體曲線向左偏，x 字高相對(duì)較小。

這些樣式很傳統(tǒng)，在書中仍然很常見，讓人聯(lián)想起溫暖和熟悉的感覺。Garamond，Caslon 和 Bembo 是這種風(fēng)格的典型代表。

• 粗細(xì)對(duì)比度：Contrast of stroke
• 極細(xì)線：Hairlines
• x字高：x-height。與大寫字母的大寫字高相對(duì)，為了稱呼小寫字母的高度，用沒有上下延伸部分的 x 作為小寫字母的代表，其高度為 x 字高。

△ Garamond（圖中為Adobe Garamond）是最典型的老式羅馬正體

2.?Transitional

這是一種與模仿手寫字母形式（人文主義和老式羅馬體）的風(fēng)格相距甚遠(yuǎn)的風(fēng)格。它誕生于 18 世紀(jì)的法國，主要由英國人約翰·巴斯克維爾（John Baskerville）定義，但最早在現(xiàn)代美國流行。在《I Love Typography》上的一則帖子描述了 Romain°Roi 字體（King’s Roman，此樣式的第一個(gè)字體）：

Romain°Roi 標(biāo)志著與以前的老式羅馬體類型有很大的不同，并且受手寫字母形式的影響要小得多。請(qǐng)記住，這是啟蒙時(shí)代，其特征是對(duì)傳統(tǒng)的抵抗，無論是藝術(shù)，文學(xué)，哲學(xué)，宗教還是其他。因此，同一時(shí)代應(yīng)該誕生完全不同的類型也就不足為奇了。

△ Transitional的典型特征

1. 粗細(xì)對(duì)比度明顯更高。
2. 頭部襯線有少許傾斜。
3. 底部襯線仍然是弧線。
4. 字形垂直，這是和手寫體分道揚(yáng)鑣的最顯著的特征。

Baskerville 是目前最典型的 Transitional 字體。

△ Baskerville是Transitional最完美的例子

3. Neoclassical和Didone

這種風(fēng)格于 18 世紀(jì)首次出現(xiàn)在法國。這種風(fēng)格的第一個(gè)字體是由 Firmin Didot 設(shè)計(jì)的，因此得名。此后，Giambattista Bodoni 接管并生產(chǎn)了該字體。他從巴斯克維爾的作品中汲取了靈感，但將靈感發(fā)揮到了極致。

△ Didone字體的主要特點(diǎn)

1. 此類字體粗細(xì)對(duì)比度很高，并且粗細(xì)之間的過渡非常突然。
2. 襯線末尾呈球型。
3. 字形垂直。
4. 并且襯線幾乎沒有弧度。

Bodoni，由之前提到的 Giambattista Bodoni 設(shè)計(jì)，是該風(fēng)格最著名的代表。

△ Bodoni是Didone風(fēng)格最典型的字體

4. Slab

這種風(fēng)格是 19 世紀(jì)初隨著工業(yè)革命在英國誕生的。這是第一個(gè)目的與之前完全不同的字體。 老式羅馬正體、過渡體、Didone 都是用于書籍。它們是為較長的文本而設(shè)計(jì)的。 Slab 是第一種為廣告而設(shè)計(jì)的字體，旨在脫穎而出。這種字體通常在大字體時(shí)看起來不錯(cuò)，但通常不應(yīng)縮小用于正文。

△ Slab的主要特點(diǎn)

1. 筆畫粗細(xì)幾乎沒有變化。
2. 字形垂直。
3. 襯線很粗且沒有弧線。

Roboto Slab 是當(dāng)代 Slab 字體的一個(gè)很好的例子，該字體也可以用于較小的尺寸，也可以用于正文（而大多數(shù)Slab字體不行）。

△ Roboto Slab是現(xiàn)代Slab字體的典范，容易閱讀并且仍保留有「工業(yè)感」

5. Clarendon

Clarendon 風(fēng)格起源于 19 世紀(jì)中葉，是能讓 Slab 風(fēng)格在較小尺寸上也使用的設(shè)計(jì)。將 Clarendon 與 Slab 風(fēng)格進(jìn)行比較，它們的結(jié)構(gòu)相似性很明顯，但是仍有細(xì)微的區(qū)別。Clarendon 顯然「更柔軟」并且更悅目。

△ Clarendon的特點(diǎn)

1. 粗細(xì)對(duì)比度肉眼可見。
2. 字形角度垂直。
3. 襯線中等長度，更細(xì)，且具有弧度。

同名的字體 Clarendon 是典型代表。

△ Clarendon是這個(gè)風(fēng)格的代表

無襯線體

1. Grotesque

Grotesque 不是最早的無襯線體，但卻是最早在商業(yè)上獲得成功的無襯線體。最早于 18 世紀(jì)設(shè)計(jì)出來，但在 19 世紀(jì)才開始應(yīng)用。這種字體最初被稱為「奇形怪狀的」，是因?yàn)楫?dāng)時(shí)人們認(rèn)為這種字體比其他現(xiàn)代字體丑。

△ Grotesque主要特點(diǎn)

• 橫豎筆畫粗細(xì)不同。
• 通常小寫「g」采用雙層寫法，即在底部有個(gè)圈。
• 通常有種很方正的感覺，字形呈垂直狀態(tài)。

Franklin Gothic 和 Akzidenz Grotesk 是典型的 Grotesque 字體。

△ Franklin Gothic是典型的Grotesque風(fēng)格

2. Neo grotesque

Neo grotesque 是 Grotesque 的更加精致和時(shí)尚的版本。誕生于 20 世紀(jì)中葉，受到原來 Grotesque 風(fēng)格（最著名的是 Akzidenz Grotesk）的啟發(fā)，字體設(shè)計(jì)師的目標(biāo)是制作中性且合理的字體。

△ Neo grotesque字體主要特點(diǎn)

1. 粗細(xì)對(duì)比度很低。
2. 通常小寫「g」采用單層寫法。
3. 給人的感覺并不是方正，字形呈垂直狀態(tài)。

廣為人知的 Helvetica 就是最有名的 Neo grotesque 字體。

△ Helvetica是最有名的Neo grotesque字體

3. Geometric

Geometric 起源于 1920 年代的德國。這些字體在很大程度上受到包豪斯運(yùn)動(dòng)的影響，它們基于基本的幾何形狀：三角形、正方形和圓形。例如，字母「O」通常是無襯線的幾何風(fēng)格的完美圓圈。

△ Geometric的主要特點(diǎn)

1. 粗細(xì)對(duì)比度極低。
2. 字母「o」幾乎是個(gè)完美的圓形。
3. 這類字體以采用單層寫法而聞名，如圖中的小寫「a」。

△ Futura是典型的Geometric字體

4. Humanist

這是一種無襯線樣式，其靈感來自于傳統(tǒng)的字母形式，主要是襯線體，甚至還有書法。最早的 Humanist 設(shè)計(jì)于 20 世紀(jì)初，1916 年的 Johnston 和 1928 年的 Gill Sans。Edward Johnston（設(shè)計(jì) Johnston 的人）是書法家，并從經(jīng)典的字母形式（包括Roman capital）汲取了靈感。

△ Humanist的特點(diǎn)

• 從 2、3 這里可以看出更多的向書法學(xué)習(xí)。
• 1 部分粗細(xì)對(duì)比度很低以至于很難辨認(rèn)出。

△ Gill Sans是典型Humanist字體

5. Neo humanist

Frutiger 字體（由Adrian Frutiger設(shè)計(jì)）標(biāo)志著新的 Neo humanist 風(fēng)格的開始。這些設(shè)計(jì)的主要重點(diǎn)是可讀性。1970-1980 年代，此類字體獲得了更多的支持和吸引力，以滿足早期低分辨率計(jì)算機(jī)屏幕上對(duì)高清晰度字體的需求。

△ Neo humanist字體的特點(diǎn)

1. 粗細(xì)對(duì)比度很大，尤其是和其他無襯線體對(duì)比。
2. x 字高也更大。

Dax Pro 是其中典型。

△ Dax pro是典型的Neo humanist字體

編者注：學(xué)習(xí)如何避免字體侵權(quán)也很重要：

這些就是最常見的字體風(fēng)格了。