其他分享
首页 > 其他分享> > 字体抗锯齿(-webkit-font-smoothing)

字体抗锯齿(-webkit-font-smoothing)

作者:互联网

提示: -webkit-font-smoothing(用来控制字体渲染时的平滑效果,使字体看起来更加清晰和舒服,在 Mac OS 和 ios 中表现比较明显,在 windows 中表现不明显),并非css的标准特性,可以根据自己的情况选择性的使用。

-webkit-font-smoothing: antialiased; /*chrome、safari*/

-moz-osx-font-smoothing: grayscale;/*firefox*/
1
2
3
1、-webkit-font-smoothing的值有三个:

none - 关闭字体平滑;展示有锯齿边缘的文字,对低像素的文本比较好。
antialiased -抗锯齿很好(字体看起来舒服,清晰)。
subpixel-antialiased (默认值)在大多数非视网膜显示器上,这将会提供最清晰的文字。
2、-moz-osx-font-smoothing的值:

auto - 允许浏览器选择字体平滑的优化方式,通常为grayscale。
grayscale -抗锯齿很好(字体看起来舒服,清晰)。
inherit -默认值
unset
————————————————
版权声明:本文为CSDN博主「菜鸟小营地」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_43318531/article/details/105799988

标签:抗锯齿,smoothing,antialiased,webkit,字体,font
来源: https://www.cnblogs.com/mtm1996y/p/15352269.html