Question

我正在尝试graham在这个主题上分享的技术（http://j.mp/cy6IRR），我知道我在这里做了一些超级骨头的事情。我希望得到一些成功解决这个Cufon问题的人的帮助。我看到它似乎在所有浏览器中闪烁。

Cufon JS Call in

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-->

P.S。我是Stack Overflow的新手，如果我应该在提示它的帖子中发布这个，请告诉我。我假设不是因为它肯定不是“答案”！

提前致谢！

Answer 1

您是否在<h2>

下面添加了这一行？

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

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

1 个答案: