最小化或消除 Cufon 延迟替换（文本“闪烁”或“闪烁”）答案

【问题标题】：Minimizing or eliminating Cufon delayed replacement (text "flashing" or "flickering")最小化或消除 Cufon 延迟替换（文本“闪烁”或“闪烁”）
【发布时间】：2010-10-22 21:14:32
【问题描述】：

我正在尝试 graham 就该主题 (http://j.mp/cy6IRR) 分享的技术，并且我知道我正在做一些超级愚蠢的事情。我希望能从成功处理了这个 Cufon 问题的人那里得到一些帮助。我似乎在所有浏览器中都看到了闪烁。

Cufon JS 调用

function initCufon() {
    Cufon.replace('#content h2', { fontFamily: 'Liquorstore'});
    Cufon.now();  
    $("#content h2").css("z-index","0");
}
$(document).ready(function(){
 initCufon();
});

CSS

#content h2{
 margin:0;
 font-size:36px;
 line-height:36px;
 color:#980037;
 width:100%;
 overflow:hidden;
}
.js #content h2{text-indent:-9999px;}

HTML

<!-- main content -->
                <div id="content">
                    <!-- content heading -->
                    <div class="main-heading">
                        <h2>Page Title</h2>
                        <script>document.documentElement.className = 'js';</script>
<!--NOTE: I forgot to add the line above in my original question post-->

附：我是 Stack Overflow 的新手，如果我应该在提示它的线程中发布这个，请教我。我假设不是，因为它肯定不是“答案”！

提前致谢！

【问题讨论】：

标签： jquery cufon

【解决方案1】：

您是否在<h2> 下方添加了这一行？

添加 document.documentElement.className = 'js';就在您的标签下方。

【讨论】：

感谢 stevelove 的快速回复。我刚刚意识到我上面发布的代码示例实际上是有效的，为了回答你的问题，我确实在标签下方有那个 js。你知道我是否需要在使用 cufon 的每个元素下面？或者也许只是明显的大的？此特定网站正在使用（可能过度使用）Cufon。
document.documentElement.className = 'js'; 应该是<html class="js"> 并且只需要在页面上出现一次。这意味着 .js #content h2 的 CSS 将匹配任何从 <div id="content"> 下降到 <html class="js"> 的 <h2>。为了防止闪烁，你应该把它放在<head> 或<body> 标记之后。