CSS抗鋸齒 font-smoothing 屬性介紹

boat_sea發表於2018-06-21
CSS

CSS3裡面加入了一個“-webkit-font-smoothing”屬性。

這個屬性可以使頁面上的字型抗鋸齒,使用後字型看起來會更清晰舒服。

加上之後就頓時感覺頁面小清晰了。 淘寶也在用哦！

它有三個屬性： 

none                                     ------ 對低畫素的文字比較好 

subpixel-antialiased                ------預設值 

antialiased                             ------抗鋸齒很好 

 

例子： 

body{ 

-webkit-font-smoothing: antialiased; 

} 

國外某網站例子

附：

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

這個屬性也是更清晰的作用，特別是圖示文字流行的今天。

相關文章