javascript - Internet Explorer 中的 Cufon 延迟

Question

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

我也<script type="text/javascript"> Cufon.now(); </script>正好在结束</body>标签之前。

谢谢

score 2 · Accepted Answer

防止这种闪烁的最好方法（当服务器连接缓慢时也可能在 Chrome/FF 中发生）是隐藏 cúfon 文本直到它被渲染。

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

在您的 CSS 中，使用此选择器在页面加载时临时隐藏内容，例如：

h1 { 字体大小：2em; } .js h1 { 文本缩进：-9999px; }

然后在你调用 cúfon 的 JavaScript 中包含（假设你也在使用 jQuery）：

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

这样做是隐藏内容，直到所有脚本都已加载并且 cúfon 已运行然后显示内容。

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

score 1 · Accepted Answer

尝试<script type="text/javascript">Cufon.now();</script>在<body>标签Cufon.replace之后和要替换的元素之后调用。这应该可以解决闪烁问题。

score 1 · Accepted Answer

将此添加到您的样式表

.cufon-loading { visibility: hidden;  }

删除渲染字体的闪光/延迟。

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

score 0 · Accepted Answer

这是 Cufon 的已知错误。在这里结帐。

已知错误

Internet Explorer：如果您不在结束标记之前调用 Cufon.now()，那么在替换文本之前可能会有一个短暂的可见延迟。

4 回答 4