Question

我在使用jQuery 1.7.2的页面上使用Google Fonts API。我只需添加我的漂亮字体：

<link href='http://fonts.googleapis.com/css?family=Marmelad' rel='stylesheet' type='text/css'>

然后我使用jQuery淡化div，将第二个HTML文件加载到div中并淡入淡出。一切正常。

问题是页面上的任何Marmelad（我的谷歌字体）文字会在fadein过渡结束时闪烁。如果我只是将相同的Marmelad文本更改为Arial或其他一些股票字体，则闪烁不会发生。

有谁知道如何解决这个问题？

这就是我淡出div中的方式。

jQuery("#clickme").click(function() { 
jQuery('#secondarybox').fadeOut('fast', function() {   
jQuery('#secondarybox').load('nextstep.html', function() { 
jQuery('#secondarybox').fadeIn('slow'); }); }); 
});

同样，当我在整个页面上使用Arial时，没有文本闪烁，但如果我使用Google字体，则所有文本都会闪烁，包括不涉及过渡/淡入淡出的文本。

Answer 1

这对我有所帮助：

$('.slider_container').fadeIn(function(){
    this.style.removeAttribute("filter");
});

它仅适用于IE。我在Chrome中遇到了同样的问题。

Google字体API会导致jquery淡入淡出

1 个答案: