mac字體渲染精細處理

問題根源：同樣設置的字體，爲什麼和別人的代碼渲染出來的效果在mac上會顯得比較’莽‘？

 

全局除了設置字體font-family外， 還需要設置：

//抗鋸齒，使得更精細平滑
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;

-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;

設置以後mac上的字體顯得更精細，圓潤。

 

iOS上，修改-webkit-font-smoothing屬性，結果是：

• -webkit-font-smoothing: none: 無抗鋸齒
• -webkit-font-smoothing: subpixel-antialiased | default: 次像素平滑
• -webkit-font-smoothing: antialiased: 灰度平滑

Gecko也推出了自己的抗鋸齒效果的非標定義。

-moz-osx-font-smoothing: inherit | grayscale;