2019
10-24

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

-webkit-font-smoothing

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

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

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

                               模糊时

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


                                               平滑时

其默认可以支持6个值(如图),暂时我能看到效果的就是三个:
none | subpixel-antialiased | antialiased


                               

属性          


本文》评论

留言