使用CSS3过渡，jQuery和＆amp ;;的字体渲染效果不佳的问题Google字体
在Firefox中，没有问题。这是一张图片：
http://cl.ly/3R0L1q3P1r11040e3T1i
在Safari中，文本渲染效果不佳：
http://cl.ly/0a1101341r2E1D2d1W46
在IE7＆amp; 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;
}
没有找到相关结果
已邀请:
2 个回复
俺呵誓放胳
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; -webkit-font-smoothing: antialiased }但这似乎只适用于Chrome，并使Safari恢复了以前的样子。要清楚，Chrome不会出现抗锯齿问题，但会遵守上面的样式定义。 我正在考虑修改同位素的来源，以便它只将这种字体平滑定义添加到支持3D变换的浏览器（即Safari）中并单独留下Chrome。慷祈霖黑