-webkit-font-smoothing主要有一下三个属性：
none: 无抗锯齿
subpixel-antialiased (default): 次像素平滑 常见于Mac OS和MacType For Windows
antialiased: 灰度平滑 常用于Android和iOS等移动设备的
一般用法：多用于字体图标 或字体
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased
-moz-osx-font-smoothing: grayscale我对字体设计并不在行，对印刷排版也没有研究，但我知道什么字体好看，什么不好看。几年前我就看到过CSS里有一些属性很奇怪，当我设置这些属性或取消这些属性后，字体看起来会变得好看和不那么好看。这就是字体平滑设置的效果。我推荐大家读一下Font smoothing explained这篇文件，你会从中学到更多的关于字体平滑效果的知识，但今天这里，我只是介绍一下它们的基本用法：
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
在CSS里加入这些设置和不加这些设置，区别是很微妙的：
进行平滑设置的字体效果:
无进行平滑设置的字体效果:
区别并不是很大，但前者确实是看着更舒服，更柔和。下一次在设计你的网站显示样式时，可以尝试一下这些字体显示技术，也许会给你带来意想不到的效果！
您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。
苏公网安备 32070502010230号