css如何让文字更清晰更平滑

css如何让文字更清晰更平滑

-webkit-font-smoothing

CSS3里面加入了一个“-webkit-font-smoothing”属性。这个属性可以使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服。

加上之后就顿时感觉页面小清晰了。

加和不加的区别，看下面的截图。

为了对比明显我就先将-webkit-font-smoothing设置为none，非常模糊。

模糊时

将-webkit-font-smoothing设置为antialiased，变得非常平滑，效果非常不错。

 

平滑时

其默认可以支持6个值（如图），暂时我能看到效果的就是三个：
none | subpixel-antialiased | antialiased

 

属性