Internet Explorer 中的 Cufon 延迟

发布于 2024-09-07 12:29:43 字数 289 浏览 4 评论 0原文

有谁知道为什么 Cufon 在 Internet Explorer(所有版本)中加载页面时出现第二次延迟 - http:// /www.consolidatemydebt.co.uk

我有 也位于结束 标记之前。

谢谢

Does anybody have any idea why Cufon has a second delay upon loading the page in Internet Explorer (all versions) - http://www.consolidatemydebt.co.uk

I've got <script type="text/javascript"> Cufon.now(); </script> right before the closing </body> tag also.

Thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

赴月观长安 2024-09-14 12:29:43

防止这种闪烁的最佳方法(当服务器连接速度较慢时,在 Chrome/FF 中也可能发生这种情况)是隐藏 cúfon 文本,直到它被渲染为止。

添加 document.documentElement.className = 'js';就在您的标签下方。这意味着我们可以通过在每个选择器之前附加 CSS .js 来定位支持 JavaScript 的浏览器。

在 CSS 中,使用此选择器在页面加载时临时隐藏内容,例如:

h1 { font-size: 2em; }
.js h1 { 文本缩进:-9999px;然后

在你的 JavaScript 中调用 cúfon include (假设你也在使用 jQuery):

Cufon.replace("h1");
Cufon.now();  
$("h1").css("z-index","0"); 

它的作用是隐藏内容,直到所有脚本加载完毕并且 cúfon 运行后显示内容。

您还可以使用 z-index 值来执行此操作。

The best way to prevent this flicker (which can also happen in Chrome/FF when the server connection is slow) is by hiding the cúfon text until it has been rendered.

Add document.documentElement.className = 'js'; just below your tag. This means we can target JavaScript enabled browsers by appending your CSS with .js before each selector.

In your CSS use this selector to temporarily hide content on page load, for example:

h1 { font-size: 2em; }
.js h1 { text-indent: -9999px; }

Then in your JavaScript where you call cúfon include (this is assuming you are also using jQuery):

Cufon.replace("h1");
Cufon.now();  
$("h1").css("z-index","0"); 

What this does is hide the content until all your scripts have loaded and cúfon has run then shows the content.

You can also do this using z-index values.

你又不是我 2024-09-14 12:29:43

尝试在 标记和Cufon.replace 位于要替换的元素之后。这应该可以解决闪烁问题。

Try to call <script type="text/javascript">Cufon.now();</script> right after the <body> tag and the Cufon.replace right after the element you want to replace. This should fix the flickering problem.

奈何桥上唱咆哮 2024-09-14 12:29:43

归功于http://blog.jmedwards.net/post/1484780565/cufon-delay

将其添加到样式表中

.cufon-loading { visibility: hidden;  }

以消除渲染字体时的闪烁/延迟。

重新渲染字体后,该类将替换为“cufon-active”

Credit to http://blog.jmedwards.net/post/1484780565/cufon-delay

Add this to your stylesheet

.cufon-loading { visibility: hidden;  }

to remove the flash/delay in rendering the font.

Once the font is re-rendered, the class is replaced with 'cufon-active'

゛时过境迁 2024-09-14 12:29:43

这是 Cufon 的已知错误。请在此处查看。

已知错误

Internet Explorer:您不应该在
结束标签,文本之前可能有短暂的、可见的延迟
已被替换。

This is known bug for Cufon. Checkout Here.

Known bugs

Internet Explorer: should you not call Cufon.now() just before the
closing tag, there might be a short, visible delay before the text
is replaced.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文