2012-05-24 25 views
0

我在jQuery 1.7.2的頁面上使用Google Fonts API。我只需添加我的漂亮的字體搭配:谷歌字體的API導致閃爍jQuery的褪色

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

然後我使用jQuery淡出一個div,負載()第二HTML文件到div和淡入它一切正常。

問題是任何Marmelad(我的谷歌字體)頁面上的文本將閃爍在淡入淡出過渡結束。如果我簡單地將相同的Marmelad文本更改爲Arial或其他庫存字體,則閃爍不會發生。

有誰知道如何解決這個問題?

這是我如何淡出/在div中。

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

同樣,沒有文字閃爍,當我用宋體整個頁面上,但如果我使用谷歌字體的所有文字閃爍包括沒有參與這種過渡/褪色的文字。

回答

0

幫我:

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

它僅適用於IE瀏覽器的解決方案。我在Chrome中遇到了同樣的問題。