Skip to Content

Engadget >> 不可不看 >> 香港黎料 >> 精彩圖集 | AOL >> Today >> 時尚樂活 >> 影視娛樂 >> 精彩圖集
AOL Tech
滑鼠左鍵測試器

小薑雜談：淺論英文字型

由 Andy Yang 於 6 months 之前發表

文章分類: 特色玩意


英文字型？反正就是在 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 看起來顯然大多了！

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

Tags: column-andy, column-andy-fonts

相關新聞

Subscribe to these comments

讀者回應 (第 1 頁 / 共 2 頁)

市場快訊

Engadget中文版 on Facebook

最新15則讀者回應

熱門討論新聞(7日內)



精彩圖集

Google Voice Search
Mouse2.0 Real
HP Pavilion MS200
HP Mini 110 Tord Boontje Real
HP Mini 110 Tord Boontje
iPhone case
ipod touch 3rd hands-on
UMEC VoIP MID
Philips Aurea Egg Remote

 


關於Engadget 中文版

Engadget是一個站在消費者立場的數位頻道，每天更新超過10篇的科技玩意新聞。Engadget的收益來自於廣告，而網站所有的廣告都會明確標示，不會讓讀者有所混淆，所刊登的每一則文章絕對不作置入性報導，這也是Engadget最重視的精神。

AOL.tw 新聞