小薑雜談:淺論英文字型


英文字型?反正就是在 Arial 和 Times New Roman 之間選一個嘛,偶爾想俏皮一點的話,就拿 Comic Sans MS 出來就好了,哪有什麼值得寫一篇文章的?小薑完全不是這方面的專家,但收集各種字型也算是小薑一個小小的愛好,所以多年來也學到了不少東西。雖然大家用到英文的機會不大,但其實英文字型裡好玩的東西還不少呢!讓小薑帶大家一起來看看吧...每個字型都有五條線...


這五條線,決定個一個字型的性格。Mean line 和 Base line 之間的距離叫做「x-height」,這個高度是一個字型中的英文字母 x 的高度,也是沒有向上、向下伸展的部份的小寫字的主體高度。Base line 向下有一條 Decender line,是 g, j 之類有向下伸展的筆畫的字母延伸的極限。反之,向上延伸的部份,包括 f, b 的字母向上延伸的筆畫和 i, j 的點的極限,則稱為 Ascender line。最後還有一條 Cap line 是大寫字母向上延伸的極限,在許多字型中(像上面的 Times New Roman 就是)Cap line 的高度會略低於 ascender line,但也有一樣高的。Mean line 和 Ascender line 之間的距離叫「Ascender」,Base line 和 Decender line 之間的距離叫「Decender」,Base line 和 Cap line 之間的距離叫「Cap height」,而 Ascender line 和 Decender line 之間的距離則叫做這個字型的「Point size」,也就是我們在選字型大小的時候說的幾 pt。

為什麼說這五條線決定字型的性格呢?通常 x-height 佔 point size 比例愈高的字型,放在內文裡的時候看得比較清楚,但放在標題就很難看。反之,x-height 佔 point size 比例小的字,就比較適合當標題。以下面這個例子,小薑找了兩種類似的字型,但左邊是設計來當標題用的(Garamond),而右邊則是做內文用的(Times New Roman)。注意到 x-height 的分別了嗎?


應用在真實世界,會變成這樣:


有注意到下面的一組字看起來比較大嗎?實際上小薑是用一樣的 pt 數下去設的(大字是 96pt,小字是 12pt),為什麼會這種差別?因為先前說過了,pt 數管的是字型從 Ascender line 到 Decender line 之間的距離,所以當 x-height 比較短(即 ascender 和 descender 比較長)的時候,通常字型設計師會減少每個字母的寬度,以避免字母變形。直接的結果就是雖然 pt 數一樣,但 x-height 短的字會看起來比較小。下面是個比較極端的例子:



左邊的字型是 Park Avenue,右邊則是常見的 Tahoma。在設定上兩者的 pt 數是一樣的,但右邊的 Engadget 看起來顯然大多了!

其實字型和排版當中能講的題材還有不少,如果有機會的話,再來和大家分享囉!