Come caricare i caratteri esterni tramite javascript prima della pagina

Sto usando typekit sul mio sito per caricare i caratteri e typekit mi dà 2 collegamenti.Come caricare i caratteri esterni tramite javascript prima della pagina

<script src="https://use.typekit.net/xxxx.js"></script> 
<script>try { Typekit.load({ async: false }); } catch (e) { }</script>

Ho inserito questi collegamenti nel tag head ma quando accedo al mio sito i caratteri vengono caricati dopo il contenuto. Mi chiedo come può caricare prima della pagina pronta o prima del caricamento del contenuto.

PS: Ho provato asincrono: vero e falso .. Entrambi hanno dato lo stesso risultato.

fonte

2016-07-11 Tolga Kısaoğulları

Esistono altre linee tra i collegamenti dei caratteri e ''? Questo potrebbe causare il problema. –

No .. Ho provato come hai detto sotto –

Potresti fornire tutto il codice all'interno dell'elemento ''? Un esempio dal vivo potrebbe facilitare anche te. –

Una cosa che è possibile utilizzare è Font Evens per nascondere il contenuto mentre i caratteri vengono caricati. https://helpx.adobe.com/typekit/using/font-events.html

fonte

2016-07-11 11:28:48 exabyssus

Credo che questo è solo modo, ma non mi piace, ma penso che ho intenzione di usare i CSS in quel modo. .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading p, .wf-loading span, .wf-loading a, .wf-caricamento pulsante, .wf-caricamento input [ type = submit] { visibibility: hidden; } –

Si potrebbe anche implementare una schermata di caricamento. Dal punto di vista UX è un po 'più fastidioso ma sembra migliore. – exabyssus

Sì, hai ragione, ma mi piacerebbe che fosse una soluzione che i font vengano scaricati tramite js prima del caricamento del contenuto. Grazie mille a tutti per l'aiuto –

È possibile provare window.onpaint se il semplice inserimento di collegamenti a <head> non funziona.

<head> 
    <script src="https://use.typekit.net/xxxx.js"></script> 
</head>

Quindi;

<script type="text/javascript"> 
    function preloadFunc() 
    { 
     try { Typekit.load({ async: false }); } catch (e) { } 
    } 
    window.onpaint = preloadFunc(); 
</script>

fonte

2016-07-11 11:36:01

ho provato ma non ha funzionato –

Come caricare i caratteri esterni tramite javascript prima della pagina

risposta

Problemi correlati