提示: -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