Come rimuovere il carattere predefinito nel browser durante il caricamento di @ font-face in CSS? "FOUT"

Question

Sto caricando due caratteri esterni sulla mia pagina web usando @ font-face. Si stanno caricando perfettamente in Chrome ma quando provo in IE il browser visualizza alcuni caratteri predefiniti mentre la pagina si sta caricando, quindi i caratteri cambiano in quelli corretti secondo il mio css @ font-face.

Come posso rimuovere il carattere predefinito da mostrare in IE e altri browser mentre la pagina si sta caricando? Voglio rimuovere il cosiddetto FOUT (flash di testo non disegnato). C'è un modo per farlo attraverso il foglio di stile?

Grazie per qualsiasi aiuto!

Answer 1

È possibile utilizzare una transizione CSS per sbiadire il testo dopo N millisecondi o qualsiasi cosa riteniate sia sufficiente per caricare le risorse del carattere. css3 transition animation on load?

Answer 2

Per il tipo di carattere browser predefinito che non si desidera, impostare la proprietà CSS per font-size0px e assicurarsi di avere dichiarato il font-size nelle @font-face nome classe CSS regole.

Se si desidera affrontare questo problema utilizzando uno script dedicato per risolvere questo problema (Firefox 3.5/3.6 o Internet Explorer 7-9), consultare la soluzione JavaScript FOUT-B-Gone.