談談你不知道的“微軟雅黑”
微軟雅黑是 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 的字型和微軟雅黑進行合併同步,看起來整體介面和樣式都更加統一,字形也漂亮了不少。
Win7 和 Win10 下的微軟雅黑數字對比
在最新的微軟雅黑 6.20 版本中,數字“1”的腳被取消、“7”開始變彎、“8”字也不像以前是用“0”扭出來的,像這樣微小的改動數不勝數,文字筆畫逐漸和書寫體靠攏,字形變得更加簡潔方正。
那既然微軟雅黑字型優點不少,為什麼網上評價卻那麼差呢?
問題主要可以歸分成字型 Bug、字型變形和字型美感三個方面。作為一個和 Windows Vista 同時期的產物,微軟雅黑到出生到現在已有十年時間,但在源遠流長的中華文字面前,仍然有些不夠完善。
微軟雅黑的字型 Bug:設計師的苦難
雖然微軟一直在完善微軟雅黑,但其實還是有些遺漏的。在 Windows 7 和早前的 Windows 8 作業系統(Windows10 已得到修復)中,微軟雅黑中有些字的 vmtx(定義每個字高和寬)出現了問題。正常來說,每個字都會有身高和體寬,但“慧”字在微軟雅黑中就是個沒有“身高”東西。
Windows 7 系統下微軟雅黑的疊字 Bug
如果你使用 Photoshop,用微軟雅黑粗體寫下包含“慧”字的句子,在旋轉文字方向後就會出現疊字。因為這個字的 vmtx 中沒有給定義字高,所以豎方向的間距為0, 字型就會出現重疊。
像這樣出現 Bug 的字還不在少數,像憩、戚、扛、押、拙、拭等都有這個問題,即使手動加空格文字效果也不會等距。如果還在使用 Windows 7 作業系統的朋友,可以自行感受一下設計師的憂傷。
Hinting 後字型變形,影響美感
因為 ClearType 渲染和 Hinting 的手工微調,會造成字型的參差不齊,有高有低。嚴格的講這並不是字型存在的 Bug,高低不一也是需要和有落差的字對比才能夠發現。在 Mac、Linux 以及windows XP這類沒有自帶微軟雅黑字型的作業系統下,字型就會被自動替換成本機的安全字型,所以下面以圖片方式展示。
windows10 系統下經過放大的小四字號微軟雅黑
比如“言語親暱”這四個字,首字上浮末尾下沉就非常明顯能夠看得出來了。還有文章開頭提到的 Windows 7 開機的正在啟動“啟”字下沉,也就是這樣的原因。
所以說 ClearType 和 Hinting 成就了微軟雅黑,但附帶的問題也是很多使用者嫌棄它的理由。雖然微軟雅黑長得方正、字形統一,但從沒有“字型等高”一說。
這些聊天工具的收費字型,應該算是火星文的變種吧
字型也有大學問,雖然字型本身就是平淡無味的東西,但一個好的字型能提高閱讀的質量。微軟雅黑作為首款全面支援 ClearType 屏顯技術的簡體漢字,看似簡單卻值得深究。至於美感這回事就見仁見智了,喜歡就用不喜歡就別用,反正作為 Winboy 我看著是挺舒服的。
相關文章
- 淺談紅黑樹
- 談談你對Promise的理解Promise
- 微軟雅黑,還有點兒距離微軟
- 《你不知道的JavaScript》作者Kyle Simpson訪談問題有獎徵集(圖靈訪談)JavaScript圖靈
- 淺談微軟BIEB微軟
- itextpdf新增非自帶字型(例如微軟雅黑)微軟
- 關於JavaScript物件,你所不知道的事(一)- 先談物件JavaScript物件
- 面試——談談你對Java 平臺的理解面試Java
- 談談你對前端效能優化的理解前端優化
- 談談你所知道的外星人事件事件
- 更改cmd字型為Consolas+微軟雅黑微軟
- 面試時如何優雅的談論原始碼面試原始碼
- 面試官:談談你對mysql索引的認識?面試MySql索引
- 【Java 容器面試題】談談你對HashMap 的理解Java面試題HashMap
- 【搞定面試官】談談你對JDK中Executor的理解?面試JDK
- 面試——談談你對Java 物件導向思想的理解面試Java物件
- 從微軟併購 ZeniMax,談談 Xbox 的過往和未來微軟
- 再談優雅重試(retry)機制
- 再談如何優雅修改程式碼
- 談談Nodejs值得你思考的一些問題NodeJS
- banq是否可以談談你的技術成長經歷?
- 微軟測試工作經驗談微軟
- 淺談網站黑鏈檢測和清除的方法網站
- JAVA面試題 請談談你對Sychronized關鍵字的理解?Java面試題Zed
- 面試官:談談你對JVM垃圾收集器的瞭解面試JVM
- 第 15 題:談談你對迴流和重繪的理解?
- Java高頻面試題:談談你對MySQL索引的瞭解Java面試題MySql索引
- 【面試普通人VS高手系列】談談你對Seata的理解面試
- 面試精選01-談談你對Abp中模組的理解面試
- 談一談你知道的前端效能最佳化方案有哪些?前端
- Vue中你不知道但卻很實用的黑科技Vue
- 遊戲是如何讓你氪金的?談談“騙氪”的心理學技巧遊戲
- 從.Net Core的釋出粗談微軟的野心微軟
- 微軟與雅虎或不談合併談合作 未必能阻擋谷歌微軟谷歌
- 談談最近的思考
- 【大廠面試06期】談一談你對Redis持久化的理解?面試Redis持久化
- 請你喝一杯 Corretto?談一談 JDK 的新選擇JDK
- 談一談屬於你的前端生涯規劃與前端技術前端