不輸 MacType,這些優化思路也能讓 Windows 字型細膩清晰

Curtis_發表於2019-02-15

如何改善 Windows 的字型渲染是一個亙古不變的話題,長期以來大家都有這樣的一個印象:Windows 上面的字型渲染相比 macOS 沒有那麼細膩清晰。實際上,也確實是這個樣子,由於 Windows 世界中參差不齊的硬體和向前相容的「歷史包袱」,Windows 新 UI 和新的渲染模式需要去相容老舊的程式,往往也正是因為這些程式,給 Windows 使用者「字型渲染模糊不清」的體驗。

但是隨著近幾年 Windows 系統本身的更新,以及 Windows 市場中高解析度螢幕的愈加普及,在 2019 年的今天,Windows 字型渲染已經有了很大的改善。很多時候,我們並不需要諸如 MacType 等等這類類似於外掛的字型渲染程式來改善 Windows 本身的字型渲染引擎,就可以達到比較理想的字型渲染效果。

下面這幾個小技巧值得試一試。

購買電腦前

不得不承認的是,目前在中文環境下 Windows 系統預設的微軟雅黑字型本身的 hinting 並不理想,正因為這一限制,讓 Windows 在 1920*1080 解析度以下的螢幕上渲染字型有著很大的模糊感。但是在高解析度的螢幕下,Windows 的字型渲染還是耐看許多的。在這裡「高解析度螢幕」是指:在日常使用的時候,你的系統顯示縮放與佈局中的縮放比例在 100% 以上,系統 UI 的字型才不會顯得太小的螢幕。

我的電腦是 2560*1440 解析度 OLED 螢幕,日常使用 150% 縮放比例

因此,在選購電腦前,儘量購買帶有 1920*1080 解析度以上螢幕的筆記本,或選購 2K 解析度以上的顯示器。

系統選擇

雖然聽起來令人詫異,但是 2019 年的今天依舊有相當一部分人在系統上選擇 Windows 7,甚至是更古老的 Windows 版本。在 Windows 10 的第一個版本已經發布了三年有餘的今天,真的,別用除了 Windows 10 以外的 Windows 系統版本了。

處於生命週期支援尾部的 Windows 7 和 Windows 8.1

處於生命週期支援尾部的 Windows 7 和 Windows 8.1

隨著技術的更新迭代,新系統帶來的不僅是穩定性的提升,還有諸多新特性的加入(我們當 1809 無事發生過)?。去年 DirectWrite 字型渲染引擎隨著 Windows 10 Creators Update 的釋出也更新了新特性,這也意味著高分屏可以更好的顯示 DirectWrite 渲染的字型了。

總之,Windows 10 在改善字型渲染上做了很大的努力,我們要好好利用。

軟體使用

開頭我提到了,Windows 平臺由於要相容老舊的客戶端,而做出了很多犧牲。與此同時,很多時候我們所說的 Windows 字型渲染糟糕,實際上是由於這些客戶端的預設字型是「中易宋體」所導致的。我們為了更好的字型渲染,可以嘗試下面兩種辦法來解決這個問題。

多多使用 UWP 版本的程式

首先,UWP 應用由於直接採用了 DirectWrite 渲染引擎,會比古老客戶端在字型渲染效果上有很大的提升(不是所有在 Windows Store 上面上架的應用程式都是 UWP 版本的)。並且,UWP 預設的 UI 字型是非襯線體,因此理論上,UWP 版本的程式都有著不錯的字型顯示效果。

Windows 10 的郵件、日曆和 UWP 版本的網易雲音樂

Windows 10 的郵件、日曆和 UWP 版本的網易雲音樂

善用 Chrome 的網頁版本應用程式

推薦閱讀看不慣糟糕、老舊的桌面客戶端?直接讓網頁版應用做你的桌面 App

通常情況,網頁端應用程式渲染字型都很好,同時我們也更加方便修改相應程式所使用的字型(畢竟修改相應的 CSS 就可以)。利用上面連結文章中的介紹的第一種方式,我們可以方便的利用 Chrome App 製作一個網頁版本的桌面應用,不僅有著不輸原生客戶端的功能,還有更好的字型選擇。

值得注意,我們需要將 Chrome 中預設的三類字型(StandardSerif 和 Sans-serif)全部替換為有著更好渲染效果的字型。我這裡推薦這個字型:Sarasa Gothic / 更紗黑體 / 更紗黑體 / 更紗ゴシック。更紗黑體是一個在 100% 縮放比例下同樣有著優秀的顯示效果的字型。在 這裡 可以下載到最新的 ttf 字型,安裝之後會得到幾個字型,其中我們需要的就是「更紗黑體 UI SC」,即「Sarasa UI SC」。(SC 代表 Simplified Chinese,簡體中文。)

安裝之後的更紗黑體家族

安裝之後的更紗黑體家族

之後,在 Chrome 的設定介面,將預設字型中的三個選項全部更換為「Sarasa UI SC」,就可以了。

在 Chrome 設定裡將字型全部換成更紗黑體

在 Chrome 設定裡將字型全部換成更紗黑體

舉個我在上面連結文章中同樣提到的例子:Slack。

Slack Chrome App 和 Slack Desktop 的對比

Slack Chrome App 和 Slack Desktop 的對比

跟來自微軟商店的 Slack 版本進行對比:左側利用 Chrome App 製作的客戶端的 UI 不僅是正常的非襯線字型,顯示效果也要比右側的好上不少。令人愉悅!

替換字型

當然,上面的措施都有可能沒辦法徹底解決 100% 縮放比例下,依舊相容 Windows XP 的老舊客戶端字型的渲染,這時候選擇一個合適的字型來全域性範圍內替換微軟雅黑就比較重要了。全域性替換 Windows 字型是一件麻煩且風險巨大的事情,選擇不合適的字型和字符集都有可能導致某些不相容的程式出現亂碼,因此接下來你要清楚,你即將做的事情有著極大的風險。

noMeiryoUI 是一個由日本友人開發的開源 Windows 字型替換工具,在 這裡 可以下載到最新的版本。下載之後,解壓縮,你會得到這樣的一個檔案目錄:

noMeiryoUI 下載解壓後的目錄檔案

noMeiryoUI 下載解壓後的目錄檔案

其中我們要執行的就是那個 exe 檔案。點選執行程式,然後我們將預設的微軟雅黑替換為剛剛安裝好的更紗黑體「Sarasa UI SC」:選擇「Select...」選單,在「Font Selection」中選擇「Sarasa UI SC」,然後選擇「OK」;之後在主頁面選擇「Set all」,稍等片刻,主頁面中全部選項就設定為更紗黑體了,然後我們點選「Set」,這樣就完成了我們字型的替換。

noMeiryoUI 字型替換介面

noMeiryoUI 字型替換介面

經過這樣的操作,我們可以看到包括 Windows 資源管理器、右鍵選單等等一系列地方的字型都被替換成了更紗黑體。

微軟雅黑和更紗黑體的對比(檔案資源管理器介面)

微軟雅黑和更紗黑體的對比(檔案資源管理器介面)

上圖是一個對比,不過因為我電腦是 2K 解析度的螢幕,其對比並沒有很明顯,更多是字型上的差別,但是如果我將電腦外接 1080p 解析度的顯示器的時候,兩種字型的顯示效果差別就很是明顯了。總之,更紗黑體相比微軟雅黑在 100% 縮放比例下的顯示效果確實要好上一些。

但是需要注意的是,採用 DirectWrite 渲染引擎的 UWP 應用程式並不受我們這個方法字型替換的影響。當然,UWP 由於 DirectWrite 的存在,已經有很大的字型渲染進步,因此我們也就不強求咯。

優化 Windows 字型的步驟大概到這裡就結束了。如果你還記得某個 Windows 版本里面引入了「新微軟雅黑」,那個新字型就是 Windows 平臺中文(或者更廣義的:CJK 文字內容)字型的終極解決方案了,讓我們共同期待新字型的上線。

最後,希望這篇文章可以幫助你更好地在享受 Windows 平臺生產力的同時,也有著精緻的使用者介面體驗。

 

來源:https://sspai.com/post/52815

相關文章