如果你接觸過Mac,或多或少會被系統的整體感所吸引,統一的UI,流暢的動畫,明朗的字體,但是Windows嘛,雖然可能很少人註意,

小科普 | 大果粒?如何讓Windows字體更細膩?(上)

但邊緣真的糊糊的,也有像素感,甚至有些“殘影”。雖然這和顯示器面板特性、以及分辨率都有很大關系,畢竟按照蘋果的Retina來,27英寸動不動就4K、5K瞭。

▌系統字體和渲染差異

但字體本身也有影響,從Win7的中易宋體,到Vista後的微軟雅黑,設計上確實無襯線的雅黑更漂亮和諧,一套字體成本甚至高達200w美刀...

小科普 | 大果粒?如何讓Windows字體更細膩?(上)

而ClearType功能,則是利用並排3個彩色子像素勾勒字體輪廓,如果字號偏小,兩側就會有彩色殘影現象,

小科普 | 大果粒?如何讓Windows字體更細膩?(上)

如同賽博朋克2077裡開瞭“色差”特效,其實這是代替瞭傳統的純灰度抗鋸齒,理論上有更好的精度,但實際肉眼觀感並不好,白底黑字,放完望去,盡是花花綠綠...

在Win10 1703之後,微軟重寫瞭GDI與字體相關部分,X和Y軸都支持抗鋸齒,橫線不再粗細不均、重心偏移、大小不一,但銳化特征依然存在,因為ClearType的初衷是讓字體清晰銳利,即使改變字形,字符形狀也應和像素契合,以防止模糊,提高可讀性,並非圓滑。而中文筆畫多,其實不適合ClearType渲染。

小科普 | 大果粒?如何讓Windows字體更細膩?(上)

反觀隔壁蘋果的目標是為瞭還原字體設計,哪怕模糊也要保持字形,保持觀感一致。總的用下來,Windows下字體觀感跟mac的Quartz、Linux安卓的FreeType引擎的那種亞像素平滑方案,還是有差距的。

小科普 | 大果粒?如何讓Windows字體更細膩?(上)

關瞭ClearType之後,系統默認的部分字體觀感自然瞭,但其他字體的渲染又會很迷,模糊、粗細不均,開不開都有各自的問題...

為瞭兼容性的傳統Win32環境下,依然采用ClearType/GDI渲染。而WinRT環境下的Modern UI則采用瞭DirectWrite渲染,比方說各種UWP應用、瀏覽器。

(被DirectWrite接管後的ClearType抗鋸齒效果其實很不錯,甚至比Mac強)

▌什麼是GASP和Hinting

GASP是什麼東西呢?全稱Grid-fitting and Scan conversionProcedure Table,直譯過來就是柵格擬合與掃描轉換程序表,名字長的離譜...它把矢量化的字體,光柵化處理,以適應不同分辨率、尺寸的屏幕。

小科普 | 大果粒?如何讓Windows字體更細膩?(上)

主流顯示器分辨率還是1080P,往上還有2K甚至4K,在高分辨率下,我們往往需要在設置中[更改文本、應用等項目大小],才能得到正常的顯示比例,(這裡又得罵一句Win的高分屏適配蛋疼瞭)

小科普 | 大果粒?如何讓Windows字體更細膩?(上)

微軟雅黑最佳顯示字號為14px、12px。按目前微軟雅黑的GASP表中的定義,21px(字體邊長21像素)是一個閾值,高於21px的大字,才會啟動平滑渲染,這就導致低分屏的字體,為瞭銳利就會“大果粒”,像素鋸齒感比較明顯。

小科普 | 大果粒?如何讓Windows字體更細膩?(上)

開150%才能得到比較好的觀感,因為21px對應的是130%,但系統隻有125%的縮放選項,剛好錯開,導致渲染效果不佳。

hinting是什麼呢?它是字體內置的微調信息,也就是在分辨率不匹配的時候怎麼做,Win默認hinting程度較高,且關瞭小字號AA(抗鋸齒),這正是顯得模糊或者鋸齒感強的原因。

▌更換字體

所以網上有很多玩傢暴力替換成改過GASP 表的字體,繞開hinting,直接按原字形(Glyph)渲染。(如:zhuanlan.zhihu.com/p/20194452、i.a632079.me/win10-remove-font-hinting)

小科普 | 大果粒?如何讓Windows字體更細膩?(上)

但這類方案可能會有bug或者風險,而且系統更新後可能失效,需要根據自己系統版本選擇對應的字體包,並非長久之計。

我們可以通過noMeiryoUI(github.com/Tatsu-syo/noMeiryoUI/releases),替換系統默認字體、字號,

小科普 | 大果粒?如何讓Windows字體更細膩?(上)

如果你的使用環境,簡繁中日英都會接觸,可以嘗試等寬的Inziu Iosevka系列字體,觀感會比較一致。也可以換用insider版本放出的蘭亭黑Pro(微軟雅黑11.3.0)。

小科普 | 大果粒?如何讓Windows字體更細膩?(上)

瀏覽器可以在設置裡替換字體,比較推薦的是Sarasa Gothic更紗黑體(github.com/be5invis/Sarasa-Gothic/releases)。

最簡單的字體都有很深的門道,雖然微不足道,依然值得稱道,潛移默化地改善你的使用體驗。更暴力、全局的方案,則是使用MacType,這在一些系統美化案例中非常常見,有優點,也有缺點,需要取舍,而且需要折騰,關於它的故事,我們下回再續~

參考&引用:

bilibili.com/read/cv7719200

zhuanlan.zhihu.com/p/56583542

zhuanlan.zhihu.com/p/96114832

www.joelonsoftware.com/items/2007/06/12.html

zhihu.com/question/19709748/answer/270219738

docs.microsoft.com/en-us/typography/opentype/spec/gasp

創作者介紹
創作者 3C王者 的頭像
3C王者宇晨

3C王者

3C王者宇晨 發表在 痞客邦 留言(0) 人氣( 12 )