標籤：

既然瀏覽器能用演算法將正常字體加粗和變斜，那麼斜體有必要嗎？

01-09

這個問題類似於「既然軟體能用演算法翻譯語言，那麼人工翻譯有必要嗎？」

必要性在於後者的高質量（甚至大多時候只有後者能提供可用的質量）。

關於斜體：

西文最典型的斜體是 italic，它源自一些傾斜的手寫體，除了傾斜，還有不少特殊的書法細節。它後來被引入印刷，然後又引入電腦。

而晚些時候出現了一些簡單傾斜的西文字體設計，一般稱它們為 oblique 以區分。Oblique 字體的效果往往不及特地設計的斜體，因為它沒有優化被生生傾斜的筆畫。

瀏覽器為了體現網頁製作者指定的字體 italic 屬性，在沒有斜體支持的情況下不得不渲染出簡單傾斜的「仿斜體」，類似於 oblique，甚至不如預先製作的 oblique（因為傾斜角度不一定合適，且預先製作的字體可能會對筆畫細節和字體渲染都有一定的優化）。

所以對西文來說，特地設計的斜體是非常有必要的（只要你在乎文本的美觀與易讀），而且最好是 italic。

漢字至今沒有廣泛認同的與 italic 搭配的字體樣式，漢字字體設計也不會去包含斜體。於是瀏覽器只好和西文一樣去渲染漢字的「仿斜體」，但這個效果往往比西文「仿斜體」還糟糕，主要是因為漢字結構比較複雜，且沒有傾斜書寫的傳統。

所以對漢字來說，斜體一般都是沒有必要的，不論是在瀏覽器里還是別處。

關於粗體，比較簡單：

瀏覽器生成的「仿粗體」無法像特地設計的粗體一樣，在增大筆畫粗細的同時保證字體的美觀與易讀。

它會使字體的風格改變，且破壞了設計師精心調整的細節，降低易讀性（甚至筆畫可能粘連）。而且，為防止文字加粗後糊成一片，瀏覽器是不敢把字體加粗太多的，而設計出的粗體能提供更誇張、多種粗細且美觀的粗筆畫效果。

中文說的斜體在英文中其實是兩個概念：一個叫 oblique type，指的是由 roman type 直接通過傾斜變形而成。另一個是 italic type，與 roman type 比起來除了字形本身的傾斜之外，還有一些筆畫上的變化。看一下 wiki 上面的這張圖應該就清楚了： http://en.wikipedia.org/wiki/File:F-tail.svg

通過程序生成的斜體只是 oblique type，無法代替 italic type。

中文的斜體是沒有必要的，是不好閱讀的。

因為中文本身是方塊文字，斜體會破壞方塊文字本身的區塊感覺，反而使得閱讀變得困難。不太建議中文用斜體。

其實最簡單的區別 italic 和 oblique 的辦法是：隨便開個字處理器，選中 Georgia 字體，然後輸入小寫英文字母 a。觀察普通字體和斜體的區別就知道了。

另外字體加粗也不是簡單的將筆畫畫粗一點，而是使用單獨的粗體字體。這是和斜體類似的區別：通過演算法得到的粗體通常不如設計師單獨設計的粗體。在 LaTeX 上以前因為字體資源短缺，有出現過通過微量平移多次繪製以獲取偽粗體的做法，但是效果比較糟糕。

事實上要得到最佳的效果，每個字體都需要特別的調整，不是簡單的演算法能實現的。比如 Adobe 的專業字體，每套都提供多達幾十種不同的樣式。我最近大愛的 Minion Pro 全套就包含了如下47種樣式：

  1. Caption
  2. Display
  3. Regular
  4. Subhead
  5. Italic
  6. Italic Caption
  7. Italic Display
  8. Italic Subhead
  9. Bold
  10. Bold Caption
  11. Bold Display
  12. Bold Subhead
  13. Semibold
  14. Semibold Caption
  15. Semibold Display
  16. Semibold Subhead
  17. Bold Italic
  18. Bold Italic Caption
  19. Bold Italic Subhead
  20. Semibold Italic
  21. Semibold Italic Caption
  22. Semibold Italic Display
  23. Semibold Italic Subhead

  24. Cond
  25. Cond Caption
  26. Cond Display
  27. Cond Subhead
  28. Cond Italic
  29. Cond Italic Caption
  30. Cond Italic Display
  31. Cond Italic Subhead
  32. Bold Cond
  33. Bold Cond Caption
  34. Bold Cond Display
  35. Bold Cond Subhead
  36. Semibold Cond
  37. Semibold Cond Caption
  38. Semibold Cond Display
  39. Semibold Cond Subhead
  40. Bold Cond Italic
  41. Bold Cond Italic Caption
  42. Bold Cond Italic Display
  43. Bold Cond Italic Subhead
  44. Semibold Cond Italic
  45. Semibold Cond Italic Caption
  46. Semibold Cond Italic Display
  47. Semibold Cond Italic Subhead

Oblique

Italic懂了嗎？

推薦閱讀：

※圖中阿拉伯文的字體是什麼？
※PPT 中音標亂碼，如何解決？
※米芾的字體為什麼是簡體字？
※《港囧》開頭演職員表紅字字體是啥？
※只有字寫得好看，能否通過這個謀生?

TAG:字體 | 字體渲染 |