首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Google fonts API导致jquery fade闪烁

Google fonts API导致jquery fade闪烁
EN

Stack Overflow用户
提问于 2012-05-24 13:54:00
回答 1查看 341关注 0票数 0

我在一个带有jQuery 1.7.2的页面上使用了Google Fonts API。我只需添加我的漂亮字体:

代码语言:javascript
运行
复制
<link href='http://fonts.googleapis.com/css?family=Marmelad' rel='stylesheet' type='text/css'>

然后,我使用jQuery来淡出一个div,将第二个HTML文件加载()到这个div中,然后淡入。一切都很好。

问题是页面上的任何Marmelad (我的google字体)文本都会在fadein转换结束时闪烁。如果我只是简单地将相同的Marmelad文本更改为Arial或其他常用字体,则不会发生闪烁。

有人知道怎么解决这个问题吗?

这就是我如何在div中淡出/。

代码语言:javascript
运行
复制
jQuery("#clickme").click(function() { 
jQuery('#secondarybox').fadeOut('fast', function() {   
jQuery('#secondarybox').load('nextstep.html', function() { 
jQuery('#secondarybox').fadeIn('slow'); }); }); 
});

同样,当我在整个页面上使用Arial时,没有文本闪烁,但如果我使用Google Font,所有文本都会闪烁,包括不参与转换/淡入淡出的文本。

EN

回答 1

Stack Overflow用户

发布于 2012-06-16 05:26:59

这对我很有帮助:

代码语言:javascript
运行
复制
$('.slider_container').fadeIn(function(){
    this.style.removeAttribute("filter");
});

这只是IE的解决方案。我在Chrome中遇到了同样的问题。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10731876

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档