美文网首页前端笔记
CSS抗锯齿属性 -- font-smoothing

CSS抗锯齿属性 -- font-smoothing

作者: 2点半 | 来源:发表于2017-12-27 16:30 被阅读5次

    -webkit-font-smoothing 属性介绍

    这个属性可以使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服。

    font-smoothing是非标准的css渲染规则,由于不同操作系统对字体渲染不同,不同浏览器也有自己对样式的一套解释规则,所以这个css样式至今也没有加入web标准。
    这个样式的主要功能是对字体的锯齿进行调整。
    -webkit-font-smoothing 是webkit在自己的渲染引擎中增加的对字体抗锯齿的调整。这个调整在ios中表现比较明显,在windows中表现的不是很明显。

    加上之后可以使文字更清晰。
    它有三个属性:
    • none                ---就是无的意思
    • subpixel-antialiased   ---默认值 浏览器默认效果
    • antialiased           ---抗锯齿很好

    看了一些文献,感觉这个属性岁数大了 不知道适不适合再用了~~~

    相关文章

      网友评论

        本文标题:CSS抗锯齿属性 -- font-smoothing

        本文链接:https://www.haomeiwen.com/subject/tovugxtx.html