当看着Drupal的官方主题,标准的CSS选择器的一个有趣的非,WebKit的
字体平滑,被
发现,所以他打了一场比赛。如何使用CSS3字体平滑
显示 您知道,W3C已经考虑了CSS中的反走样渲染,比如字体平滑,但由于不同的
操作系统和
浏览器内核对字体的渲染,可能会有所不同。总之,他没有被选为Web标准。但是WebKit仍然保持一套非标准的选择器
支持锯齿效应使字体更平滑。
WebKit的字体平滑有三个主要
属性:
1,无:没有反走样。
2、亚像素抗锯齿(
默认):亚像素平滑是Windows与Mac OS mactype常见
3、抗锯齿:灰度平滑通常用于移动设备的Android和iOS等
但经过努力,我的木的眼睛无法分辨两者的
区别,这种非标准的CSS只适用于大多数手机浏览器的WebKit内核,如Safari和Chrome
桌面浏览器,IE系列,你不支持自己,怪我
下面是实际效果的一个例子。首先,没有反走样渲染。
以下是WebKit的字体平滑效果:亚像素抗锯齿抗混叠滤波。
可以看出,字体的边缘光滑度不一样,而且添加后看起来确实不错。
经过测试,发现浏览器内置的基本属性一般都包含了字体反走样,但为了保险起见,请手工操作。
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。