CSS3过渡,jQuery和Google字体的字体渲染效果不佳的问题

Question

在Firefox中,没有问题.这是一张图片:

http://cl.ly/3R0L1q3P1r11040e3T1i

在Safari中,文本渲染效果不佳:

http://cl.ly/0a1101341r2E1D2d1W46

在IE7和IE8中,它更糟糕,但我没有图片.对不起:(

我正在使用Isotope jQuery插件,而CSS3过渡似乎导致了糟糕的字体渲染.

我也在使用Google Font API.

以下是Isotope的CSS转换编写为:

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
}

.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width;
}

.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
}

我很感激任何帮助.在Firefox中看起来很棒!

谢谢!

Answer 1

不幸的是，您实际上无能为力。它与 IE 用于创建不透明度的 alpha 过滤器有关，但我从未见过它的修复方法。