Internet Explorer 中的 Cufon 延迟
有谁知道为什么 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
防止这种闪烁的最佳方法(当服务器连接速度较慢时,在 Chrome/FF 中也可能发生这种情况)是隐藏 cúfon 文本,直到它被渲染为止。
添加 document.documentElement.className = 'js';就在您的标签下方。这意味着我们可以通过在每个选择器之前附加 CSS .js 来定位支持 JavaScript 的浏览器。
在 CSS 中,使用此选择器在页面加载时临时隐藏内容,例如:
h1 { font-size: 2em; }
.js h1 { 文本缩进:-9999px;然后
在你的 JavaScript 中调用 cúfon include (假设你也在使用 jQuery):
它的作用是隐藏内容,直到所有脚本加载完毕并且 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):
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.
尝试在
标记和
Cufon.replace
位于要替换的元素之后。这应该可以解决闪烁问题。Try to call
<script type="text/javascript">Cufon.now();</script>
right after the<body>
tag and theCufon.replace
right after the element you want to replace. This should fix the flickering problem.归功于http://blog.jmedwards.net/post/1484780565/cufon-delay
将其添加到样式表中
以消除渲染字体时的闪烁/延迟。
重新渲染字体后,该类将替换为“cufon-active”
Credit to http://blog.jmedwards.net/post/1484780565/cufon-delay
Add this to your stylesheet
to remove the flash/delay in rendering the font.
Once the font is re-rendered, the class is replaced with 'cufon-active'
这是 Cufon 的已知错误。请在此处查看。
This is known bug for Cufon. Checkout Here.