Webfonts/Schriftarten asynchron laden

Webfonts werden im Normalfall direkt in dem HEAD-Bereich des Quellcodes einer Webseite geladen. Der Code dafür sieht in etwa wie folgt aus:

In diesem Beispiel wird die Schriftart Exo 2 als Webfont geladen.

Webfonts asynchron laden
Google selbst bietet Euch einen Web Font Loader an, mit dem Ihr Google-Schriftarten asynchron laden könnt. Dies bietet Euch einige Vorteil hinsichtlich der Ladezeit der Webseite.

Der Code für die Beispielschriftart Exo+2 sieht dann wie folgt aus:

Webfonts vor dem /BODY-Tag laden
Wer keinen zusätzlichen JavaScript-Code in seiner Webseite einfügen möchte, der kann den Webfontscode auch direkt von dem abschließenden /BODY-Tag laden lassen.
Probiert es auch, eventuell funktioniert es bei Eurem verwendeten CMS problemlos.

Add comment