我们来谈谈css是如何设置字体平滑的。相信朋友们也应该密切关注这个话题。现在我们来谈谈css是如何为朋友设置字体平滑的。边肖还收集了css如何设置字体平滑的相关信息。我希望你看到后会喜欢。

在css中，可以使用“-WebKit-字体-平滑”属性设置字体平滑，语法为“-WebKit-字体-平滑3360子像素-抗锯齿”；此属性可以使页面上的字体抗锯齿，并使它们看起来更清晰、更舒适。

本教程操作环境：windows7系统，CSS3HTML5第5版，戴尔G3电脑。

在看Drupal官方主题的时候，我发现了一个有趣的非标准CSS选择器——WebKit——字体平滑，于是就玩了起来。如何用css3字体流畅显示？

我们应该知道，W3C考虑过CSS中字体的抗锯齿渲染，比如字体平滑。但是，由于不同操作系统和浏览器内核中渲染字体的差异，简而言之，它还没有被选入Web标准。但是WebKit还是保留了一套自己的非标准选择器来支持抗锯齿效果，从而让字体显示更加流畅。

-webkit-font-smoothing主要有以下三个属性：

无：无抗锯齿

亚像素抗锯齿(默认):像素平滑在苹果操作系统和苹果操作系统中很常见。

抗锯齿：灰度平滑常用于安卓、iOS等移动设备。

但是试了之后，我木讷的眼神完全分不清后两者的区别。而且这种非标准的CSS只适用于Safari、Chrome等大多数带有WebKit内核的移动浏览器和桌面浏览器。至于IE系列，你自己不支持是我的错~

看这里的实际效果。首先，没有抗锯齿渲染：

接下来用-WebKit-font-smoothing :子像素反走样反走样渲染后的效果如下：

可以看出字体边缘的流畅度还是有差别的，加进去之后确实好看了很多。

经过测试发现，字体抗锯齿一般都包含在浏览器内置的基本属性中。不过为了安全起见，还是手动加一个吧~

推荐：css视频教程以上就是css如何设置字体平滑的细节。更多信息请关注php中文网站其他相关文章！

来源：php中文网站