Minimizar o eliminar Cufón retrasó reemplazo (texto “intermitente” o “parpadeo”)

Question

Estoy intentando la técnica Graham ha compartido sobre este tema (http://j.mp/cy6IRR) y sé que estoy haciendo algo muy estúpido aquí. Tengo la esperanza de obtener alguna ayuda de alguien que ha tratado con éxito con este tema Cufon. Estoy viendo el parpadeo en todos los navegadores que parece.

JS Cufón llamada en

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. Soy nuevo en el desbordamiento de pila y dé la escuela me si se suponía para publicar esto en el hilo que lo motivó. Estoy asumiendo que no, porque aunque ciertamente no es una "respuesta"!

Gracias de antemano!

Answer 1

¿Ha agregado esta línea justo debajo de su <h2>?

  

Añadir document.documentElement.className = 'js'; justo debajo de la etiqueta.