CSS3属性-webkit-font-smoothing字体抗锯齿渲染

Webkit在自己的引擎中支持了这一效果

-webkit-font-smoothing它有三个属性值:

  • none:对低像素的文本比较好
  • subpixel-antialiased:默认值
  • antialiased:抗锯齿很好

使用方法

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

这个属性可以使页面上的字体抗锯齿,使用后字体看起来会更清晰。加上之后就顿时感觉页面小清晰了。