CSS3屬性-webkit-font-smoothing字型抗鋸齒渲染

dongyou發表於2018-05-24

Webkit在自己的引擎中支援了這一效果

-webkit-font-smoothing它有三個屬性值:

  • none:對低畫素的文字比較好
  • subpixel-antialiased:預設值
  • antialiased:抗鋸齒很好

使用方法

body{
   -webkit-font-smoothing: antialiased;
}

這個屬性可以使頁面上的字型抗鋸齒,使用後字型看起來會更清晰。加上之後就頓時感覺頁面小清晰了。

相關文章