0

我在带有 jQ​​uery 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（我的 google 字体）文本都会在淡入淡出过渡结束时闪烁。如果我只是将相同的 Marmelad 文本更改为 Arial 或其他一些常用字体，则不会发生闪烁。

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

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

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

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

4

1 回答 1

0

这对我有帮助：

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

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

于 2012-06-15T21:26:58.963 回答