在看Drupal官方主题的时候，发现了一个有趣的非标准CSS选择器——webkit-font-smoothing，于是就开始玩起了它。如何使用css3字体显示流畅？要知道W3C已经考虑过CSS中字体的抗锯齿渲染，比如font-smooth，但这可能是由于不同操作系统和浏览器内核的字体渲染存在差异。简而言之，它们还没有被选为Web标准。但WebKit仍然保留了一套自己的非标准选择器来实现抗锯齿支持，使字体看起来更流畅。-webkit-font-smoothing主要有以下三个属性：none：不抗锯齿subpixel-antialiased（默认）：亚像素平滑常见于MacOS和MacTypeForWindowsantialiased：灰度平滑常见于Android和Android等移动设备iOS经过尝试，我木头的眼睛根本分不清后两者的区别。并且这种非标准的CSS只适用于Safari和Chrome等大多数以WebKit为核心的移动浏览器和桌面浏览器。至于IE系列，你自己不支持，怪我~这里看看实际效果，首先是没有使用抗锯齿渲染：其次是使用-webkit-font-smoothing:subpixel-antialiased平滑后的抗锯齿渲染效果：可以看出字体边缘的平滑度还是有区别的，加上之后确实好看很多。经过测试，发现浏览器内置的基本属性一般都包含字体抗锯齿。不过为了保险起见，还是手动加一个吧~我的个人博客会有各种有趣的东西，欢迎关注。爱酷网
