字體抗鋸齒:Win7以上自動打開的ClearType(msdn)、常見於Mac OS和MacType的次像素平滑(原理)、常用於Android和iOS等移動設備的灰度渲染
Hinting技術 /wiki
對字重font-weight的支持程度不壹(ref)
相對應的控制有:
字體抗鋸齒技術:僅僅只有webkit核支持使用壹個CSS屬性來控制字體平滑技術:-webkit-font-smoothing: antialiased;,可以將chrome瀏覽器的字體渲染調為灰度渲染。在The New Yorker、Path等網站中,均使用了這個方案,它可以使webkit內核的瀏覽器字重表現壹致。(使用了次像素平滑之後,字重普遍比灰度渲染之後的字體重,效果詳見攜程的這個DEMO)。
Hinting技術:在打包的Webfont字體中加入Hinting,有助於Windows的小字體顯示效果
字重兼容性:出於兼容性的考量,不要使用font-weight的數值形式,也不要在@font-face裏指定相應的font-weight數值,可以通過@font-face裏定義的字體名來區分字重,如Gabriela-Light和Gabriela-Regular
此外:
小字重字體(W1,W2)的小字號、大字重字體(W6以上)的小字號在win xp下的顯示很難正常和好看,可以避免使用
在webkit核的字體顯示有問題時,可以使用如-webkit-text-stroke的hack解決問題,詳參How to fix the ugly font rendering in Google Chrome
接口不健全,各個終端表現不壹,這基本就是現狀了。Mockee的關於字體渲染的ppt裏說到:“接受現實,假設最壞的情況,等待未來新標準、新實現。”