Was ist ein Webfont?
Ein Webfont ist eine digitale Schriftart, die auch ohne Installation auf den entsprechenden Endgeräten im Web dargestellt werden kann. Dafür wird der Webfont im Quelltext einer Seite via CSS referenziert. Das heißt Struktur (HTML) und Aussehen (CSS) werden zueinander in Beziehung gesetzt, zum Beispiel über den Befehl »@font-face {font-family: NamedesWebfonts; src: url("NamedesWebfonts.dateiformat")... }«.
Bezugsquellen
Viele Webfonts sind frei erhältlich in Schriftportalen wie beispielsweise Google Fonts. Alternativ dazu können sie von Schriftenhäusern (Font Foundries) gekauft oder gemietet und anschließend in das Webdesign eingebunden werden.
Einen Weg, diese Webschriften einzubinden, ist die Verwendung der JavaScript-Bibliothek Web Font Loader. Hier wird der Inhalt mit einer sogenannten Fallback Schrift (eine Systemschrift wie etwa Arial oder Times New Roman) angezeigt, bis der Webfont geladen wurde. Dadurch sind Inhalte sofort sichtbar – auch bei langsamen Verbindungen.