Ridurre al minimo o eliminare Cufon ritardata sostituzione (testo “lampeggiante” o “sfarfallio”)

StackOverflow https://stackoverflow.com/questions/4001018

  •  25-09-2019
  •  | 
  •  

Domanda

Sto cercando la tecnica Graham ha condiviso su questo argomento (http://j.mp/cy6IRR) e so che sto facendo qualcosa di super bonehead qui. Spero di avere un aiuto da parte di qualcuno che ha affrontato con successo questo problema Cufon. Sto vedendo il guizzo in tutti i browser sembra.

Cufon JS chiamate 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. Sono nuovo di Stack Overflow e pare scuola mi se avrei dovuto pubblicare questo nel thread che ha spinto esso. Sto assumendo non, però, perché non è certo una "risposta"!

Grazie in anticipo!

È stato utile?

Soluzione

Lo si aggiunge questa linea appena sotto la <h2>?

  

Aggiungi document.documentElement.className = 'js'; appena sotto il tag.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top