在body裡面加入如下css代碼:
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
當然不是頁面的每個部分都要抗鋸齒處理, 比如甲方對文字的渲染需求比較複雜的情況下, 要記得個別模塊還是可以用默認值的。在這裡,標注一個詳細解釋,以便讀者複制使用。
font-smoothing詳解:
本來有人提出這個方法, 但後來被移除, 剩下兩個各廠商的混亂寫法在那放著,不過瀏覽器支持,目前也比較流行。
-webkit-font-smoothing
這個屬性有三個值,none,subpixel-antialiased,antialiased。
none | 關閉抗鋸齒 |
subpixel-antialiased | 默認值,效果一般 |
antialiased | 抗鋸齒,字體清晰 |
這個設定在ios中表現比較明顯,在windows中表現的不明顯。
-moz-osx-font-smoothing
這個屬性是火狐搞的, 共兩個值:
inherit | 默認值。繼承。 |
grayscale | 抗鋸齒 |