Ich verwende typekit auf meiner Website, um Schriftarten laden und typekit gibt mir 2 Links.So laden Sie externe Schriftarten über Javascript vor der Seite bereit
Ich lege diese Links in Head-Tag, aber wenn ich meine Website eingeben, werden Schriften nach Inhalt geladen. Ich frage mich, wie kann es vor der Seite bereit oder vor dem Laden geladen werden.
PS: Ich versuchte Async: True und False .. Beide von ihnen gaben das gleiche Ergebnis.
Eine Sache, die Sie verwenden können, ist Font Evens Inhalt ausblenden, während die Schriftarten laden. https://helpx.adobe.com/typekit/using/font-events.html
Ich denke, der einzige Weg ist, aber ich mochte es nicht, aber ich denke, ich CSS, so verwenden werde. .wf-Laden h1, .wf-Laden h2, .wf-Laden h3, .wf-Laden p, .wf-Laden Spannweite, .wf-Laden einer, .wf-Lade-Taste, .wf-Lade-Eingang [ type = submit] { Sichtbarkeit: versteckt; } –
Sie könnten auch einen Ladebildschirm implementieren. Von UX Standpunkt ist es ein bisschen nerviger, sieht aber besser aus. – exabyssus
Ja, Sie haben recht, aber ich wünschte, es wäre eine Lösung, dass Schriften über js heruntergeladen werden, bevor der Inhalt geladen wird. Vielen Dank an alle für die Hilfe –
Sie können versuchen, window.onpaint, wenn einfach Schriftart Links zu funktioniert nicht funktioniert.
<head>
<script src="https://use.typekit.net/xxxx.js"></script>
</head>
Dann;
<script type="text/javascript">
function preloadFunc()
{
try { Typekit.load({ async: false }); } catch (e) { }
}
window.onpaint = preloadFunc();
</script>
Ich habe versucht, aber es hat nicht funktioniert –
Gibt es noch andere Zeilen zwischen Font-Links und '
'? Dies kann das Problem verursachen. –Nein .. Ich habe versucht, wie Sie unten gesagt –
Könnten Sie bitte den gesamten Code in Ihrem '
' Element? Ein Live-Beispiel würde Ihnen auch helfen. –