為什麼10號宋體比12號清晰，網頁字體有臨界值？

01-22

今天打開excel 試了下，10號字體明顯比11，12號字體清晰。
我的筆記本是14寸1080p，看網頁時一般要放大比例看。

打開知乎，發現字體調到130％（下圖右）是最清晰的，這是個臨界值。
打開豆瓣，發現145％是臨界值。

宋體在 12px 14px 16px 有針對性的像素優化字型。看照片比較清晰銳利的應該是對應的 16px 字型，不是特別銳利的部分是為大尺寸時展示用的矢量字型。

中易宋體雖然是 TrueType 字體，但是為了屏顯優化，專門內置了部分小字型大小下的點陣字體，並不是 @靈劍所說的恰好在格子上。中易宋體沒有 Hinting，本身也沒有正好設計在格子上，可以看那些生僻字包括繁體字，有的就顯示很爛。至於 11，12 字型大小的情況下，顯示不清晰也是因為既沒有點陣又沒有 Hint 過的緣故。

至於所謂的網頁字體臨界值實際上是在這個縮放情況下字體的實際渲染大小恰好等於那幾個內置了點陣的大小。

所謂的什麼縮放損失那純粹就是不懂原理的臆測了，沒有點陣字體的字型大小就是直接渲染矢量圖，因為沒 Hint 的緣故所以不清晰，不是點陣圖縮放的損失。

首先這是矢量字體不是點陣字體，從原理上來說是可以隨意縮放的；但是，考慮到顯示設備像素解析度的原因，最大字型大小的矢量圖放縮到很少的像素中（比如10 ×10）還是沒法把所有細節都畫清楚。所以這些字體實際上是同時有多個解析度下的不同設計的，字型大小小和大的時候使用的是不同的圖形，字型大小小的時候著重讓字可以分辨，會省略一些細節。所以你看到的所謂最清晰，其實應該是兩個版本圖形的臨界的地方，本身矢量圖也是按照那個像素數設計的，更容易畫在像素點上而不是像素中間，所以比較清晰。

因為這種字體實際上是點陣圖啊，你看到的是按照非整數比例插值的話就虛了

額矢量字體的話如果字型大小太小也會因為抗鋸齒的迷之插值而不太清楚。如果你是矢量字體那再大一點會好一些。

簡單來說就是一般效率高些的放大做法是直接對於某個點陣圖進行拉伸處理而不是去用矢量字型檔渲染一個新的點陣圖貼上去那這個情況下決定清晰度的因素就變成了拉伸比例和點陣圖抗鋸齒的性能自然這個比直接渲染出來的矢量字貼圖有清晰度損失是必然的