關于網頁字體你不知道的那些事

微軟雅黑是Microsoft為中文漢字推出的一種字體，和Windows Vista操作系統同期發布，目前廣泛地被內嵌在各種網頁和軟件中。在Windows系統下微軟雅黑文件名為MSYHBD.TTF，這種字體每個字造價在100美元左右，想想新華字典，你就知道什么叫做一字千金了。

你可曾注意過Win7的啟動界面，“啟”字低人一等

在了解微軟雅黑之前，我們需要科普兩個關鍵性名詞——ClearType和Hinting。這兩個名詞是成就微軟雅黑的關鍵技術，但也給微軟雅黑的字形帶來不少非議。其中包含非常復雜的技術原理，我在這里就用最簡單的方式來給大家講講。

ClearType技術是Windows系統中的熒幕字體平滑工具，把字體分成紅綠藍（ RGB ）這三種顏色來搭配顯示，能夠改善屏幕顯示上的文本顯示效果（打印出來是沒有區別的）。

經過放大的ClearType渲染字體

傳統未經ClearType渲染的非黑即白點陣字體（例如常見的宋體），字形看起來筆畫分明。

而經過ClearType的字體（例如微軟雅黑）邊緣是用RGB紅綠藍三種顏色組成。不過在實際大小的文字閱讀，邊緣看起來沒有上圖這么明顯。上圖只是為了更直觀看出來區別，對五號的“微軟雅黑”進行了放大處理。

未經ClearType渲染的小號字體筆畫相連，12%下的“微”字筆畫模糊

經過ClearType渲染的字體，整體顯示起來更加清晰圓滑，尤其是在小號字體表現更好。而沒有經過ClearType渲染的字體，會顯得筆畫粘連、粗細不均。如果文字篇幅比較長的話，這些突兀黑線條就更加顯得與全文格格不入。

不過并不是所有字體都支持ClearType渲染的，只有進行hinting（微調）的字體才能使用ClearType技術。微軟雅黑就是經過hinting處理的字體，而hinting是需要人工目視對每個字進行調試的，相比自動化成本要高非常多， 所以微軟雅黑字體才需要每字造價100美元。

宋體和微軟雅黑都是網頁所用的安全字體，但現在更多網站都更愿意使用經過ClearType渲染的微軟雅黑（像XP這種沒有自帶雅黑字體的系統打開有該字體的網頁，字體就會用被默認的宋體所取代）。而宋體那非黑即白的點陣原理，讓宋體看起來比較黑實銳利。加上本身的字高和間距的影響，宋體的屏顯效果比微軟雅黑差的太多了。

另外微軟雅黑體為了讓字體看起來更舒適，一直不斷地修復改版。現在的windows10上這種字體也得到微軟的認可，將操作系統界面UI的字體和微軟雅黑進行合并同步，看起來整體界面和樣式都更加統一，字形也漂亮了不少。

Windows 7和Windows10下的微軟雅黑數字對比

在最新的微軟雅黑6.20版本中，數字“1”的腳被取消、“7”開始變彎、“8”字也不像以前是用“0”扭出來的，像這樣微小的改動數不勝數，文字筆畫逐漸和書寫體靠攏，字形變得更加簡潔方正。

那既然微軟雅黑字體優點不少，為什么網上評價卻那么差呢？

問題主要可以歸分成字體Bug、字體變形和字體美感三個方面。作為一個和Windows Vista同時期的產物，微軟雅黑到出生到現在已有十年時間，但在源遠流長的中華文字面前，仍然有些不夠完善。

微軟雅黑的字體Bug：設計師的苦難

雖然微軟一直在完善微軟雅黑，但其實還是有些遺漏的。在Windows7和早前的Windows8操作系統（Windows10已得到修復）中，微軟雅黑中有些字的vmtx（定義每個字高和寬）出現了問題。正常來說，每個字都會有身高和體寬，但“慧”字在微軟雅黑中就是個沒有“身高”東西。

Windows7系統下微軟雅黑的疊字Bug

如果你使用Photoshop，用微軟雅黑粗體寫下包含“慧”字的句子，在旋轉文字方向后就會出現疊字。因為這個字的vmtx中沒有給定義字高，所以豎方向的間距為0， 字體就會出現重疊。

像這樣出現Bug的字還不在少數，像憩、戚、扛、押、拙、拭等都有這個問題，即使手動加空格文字效果也不會等距。如果還在使用Windows7操作系統的朋友，可以自行感受一下設計師的憂傷。

Hinting后字體變形，影響美感

因為ClearType渲染和Hinting的手工微調，會造成字體的參差不齊，有高有低。嚴格的講這并不是字體存在的Bug，高低不一也是需要和有落差的字對比才能夠發現。

在Mac、Linux以及windows XP這類沒有自帶微軟雅黑字體的操作系統下，字體就會被自動替換成本機的安全字體，所以下面以圖片方式展示。

Windows10系統下經過放大的小四字號微軟雅黑

比如“言語親昵”這四個字，首字上浮末尾下沉就非常明顯能夠看得出來了。還有文章開頭提到的Windows7開機的正在啟動“啟”字下沉，也就是這樣的原因。

所以說ClearType和Hinting成就了微軟雅黑，但附帶的問題也是很多用戶嫌棄它的理由。雖然微軟雅黑長得方正、字形統一，但從沒有“字體等高”一說。

這些聊天工具的收費字體，應該算是火星文的變種吧

字體也有大學問，雖然字體本身就是平淡無味的東西，但一個好的字體能提高閱讀的質量。

微軟雅黑作為首款全面支持ClearType屏顯技術的簡體漢字，看似簡單卻值得深究。至于美感這回事就見仁見智了，喜歡就用不喜歡就換，反正國內的方正字體也有許多值得我們選用的字體呢。