關(guān)于網(wǎng)頁字體你不知道的那些事

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

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

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

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

經(jīng)過放大的ClearType渲染字體

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

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

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

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

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

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

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

Windows 7和Windows10下的微軟雅黑數(shù)字對比

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

那既然微軟雅黑字體優(yōu)點不少，為什么網(wǎng)上評價卻那么差呢？

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

微軟雅黑的字體Bug：設(shè)計師的苦難

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

Windows7系統(tǒng)下微軟雅黑的疊字Bug

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

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

Hinting后字體變形，影響美感

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

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

Windows10系統(tǒng)下經(jīng)過放大的小四字號微軟雅黑

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

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

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

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

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