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

Question

我正在尝试格雷厄姆在这个主题上分享的技术（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-->

---

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

提前致谢！

Answer 1

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

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