前言
多年以來，中文網頁設計師一直處於一種 “字體匱乏” 的窘境之中。
這是因為從中文 Windows 的第一個版本 3.2 開始，在相當長的一段時期內，系統自帶的中文字體就僅僅侷限於蒼白單調的 “宋黑仿楷”。加上長期以來 Windows 在字體渲染技術方面的嚴重缺失，使得設計師在為中文網頁選擇正文字體時，基本上就只有中易宋體的點陣形態這唯一的選擇。
直到 Vista 攜微軟雅黑字體橫空出世，中文網頁設計師才彷彿看到了世界的曙光。
微軟雅黑脫胎於方正集團旗下的新銳字體 “蘭亭黑” 家族，不僅字體的間架結構針對屏幕閱讀場景進行改造，同時還針對液晶屏幕下小字號的顯示效果進行逐字的筆劃微調工作（hinting），以保證最終為用戶呈現出清晰、平滑、易於閱讀的顯示效果。
因此，微軟雅黑一經推出，便在中文網頁設計界引發不小的震動。網頁設計師和前端工程師們不禁打起它的主意——如何將微軟雅黑字體廣泛、安全地應用到網頁設計中去？或者說，微軟雅黑字體的普及率究竟如何？
微軟雅黑在 XP 中的安裝率
微軟雅黑是 Vista 及更高版本 Windows 的標配字體，但不是 XP 的標配字體。XP 的任何一個 SP 或更新包都沒有（將來也不太可能）包含它。
XP 系統上的微軟雅黑字體，通常有兩種來源：
- 用戶主動下載安裝。
- 安裝 Office 2007 以上版本時自動獲得。
由此可見，稍微“高端”一些的 XP 用戶都有可能安裝了微軟雅黑字體，但 具體比率不詳。
對此，我的建議是：
- 考慮這個比率不如考慮目標受眾群的劃分和取捨。
- 在一定程度上考慮好無雅黑情況下的平穩退化。
微軟雅黑與 ClearType
ClearType 是微軟開發的 次像素字體渲染 技術，這項技術的本質是充分利用液晶顯示屏單顆像素內的 RGB 三基色的次像素（sub-pixel，也稱作 “亞像素” 或 “子像素”）、獨立控制每顆次像素的明暗度，在次像素的級別進行字體的渲染和顯示，從而令字體在水平方向上的渲染分辨率達到了原來的三倍。
微軟雅黑字體只有在使用 ClearType 技術進行渲染時，才會達到最佳視覺效果。下面的圖片展示了不同情況下微軟雅黑字體的渲染效果：
- 已啟用 ClearType 渲染方式
- 已啟用傳統的字體平滑渲染方式
- 未啟用任何字體平滑技術
從 Vista 開始，Windows 系統默認開啟 ClearType 特性。但 Windows XP 是否支持 ClearType 字體渲染模式呢？
ClearType 在 XP 中的啟用率
Windows XP 原生支持 ClearType，但可能是出於對性能的考慮，默認是關閉狀態。用戶可以通過以下步驟在 XP 中啟用 ClearType：
控制面板 → 顯示 → 外觀 → 效果 → 使用下列方式使屏幕字體的邊緣平滑：清晰
XP 用戶還可以通過安裝微軟提供的 ClearType 設置工具（ClearType Tuner PowerToy）來獲得對 ClearType 效果的更多控制。
（圖片來源：Microsoft.com）
那麼，在 XP 中手動打開 ClearType 的用戶比率有多少？這個數字恐怕不是很樂觀。但是幸運的是，IE 7.0 及以上版本都是在自身視口內強制開啟 ClearType 的（哪怕你用的不是液晶顯示器）。
而 XP 下的非 IE 用戶呢？或許你可以假設他們都比較 “高端”，已經給自己的 XP 手動開啟 ClearType 了。
結語
在國內，Windows XP 操作系統目前仍然擁有不可忽視的用戶數量。如果要在網頁中使用微軟雅黑作為主力字體，我們不得不考慮 XP 環境下所存在的一些不確定因素。
那麼，我們有沒有可能對 XP 用戶的這些情況進行針對性的探測和統計，以便根據數據來做決策呢？
對於用戶的 ClearType 設置情況，網頁中的 JavaScript 腳本無法獲取。而對於用戶是否安裝了微軟雅黑字體，實際上是有探測方法的，有興趣的朋友請繼續關注後續文章。
希望本文能幫助到您！
點贊+轉發，讓更多的人也能看到這篇內容（收藏不點贊，都是耍流氓-_-）
關注 ｛我｝，享受文章首發體驗！
每週重點攻克一個前端技術難點。更多精彩前端內容私信 我 回覆“教程”
原文鏈接:https://github.com/cssmagic/blog/issues/15
