Ein Webfont ist eine Schriftart, die eine Website beim Aufruf mitliefert, damit Texte auf allen Geräten identisch dargestellt werden — unabhängig davon, welche Schriften auf dem Gerät installiert sind. Webfonts werden per CSS eingebunden und entweder vom eigenen Server oder von externen Diensten wie Google Fonts geladen. Sie sind zentral für Markenauftritt und Lesbarkeit, beeinflussen aber auch Ladezeit und Datenschutz.
Wie funktionieren Webfonts?
Früher konnten Websites nur Schriften nutzen, die auf dem Gerät des Besuchers installiert waren — daher die jahrelange Dominanz von Arial und Times New Roman. Webfonts lösen diese Beschränkung: Die Schriftdatei wird per CSS-Regel (@font-face) referenziert und beim Seitenaufruf heruntergeladen. Moderne Formate wie WOFF2 komprimieren die Dateien stark, sodass der Mehraufwand überschaubar bleibt.
Eingebunden werden Webfonts auf zwei Wegen: selbst gehostet vom eigenen Server oder über externe Dienste. Beim Self-Hosting liegen die Schriftdateien beim eigenen Hosting und werden wie andere Ressourcen ausgeliefert — das ist heute der empfohlene Weg.
Warum sind Webfonts wichtig?
Typografie ist ein tragender Teil des Markenauftritts. Eine Kanzlei, die auf ihrer Website dieselbe Schrift nutzt wie auf Briefbogen und Kanzleischild, wirkt konsistent und professionell. Webfonts machen diese Konsistenz erst möglich — jede andere Lösung (Bilder statt Text, Ausweichschriften) hat gravierende Nachteile für SEO und Barrierefreiheit.
Gleichzeitig kosten Webfonts Ladezeit: Jede Schriftdatei und jeder Schriftschnitt muss übertragen werden, bevor der Text in der Zielschrift erscheint. Wer viele Schnitte einbindet, verlangsamt die Seite unnötig. In der Praxis genügen meist zwei Schriftfamilien mit je zwei bis drei Schnitten.
Webfonts und Datenschutz
Das Laden von Schriften direkt von externen Servern ist datenschutzrechtlich heikel: Dabei wird die IP-Adresse des Besuchers an den Drittanbieter übertragen — im Fall von Google Fonts an Google. Deutsche Gerichte haben das dynamische Einbinden von Google Fonts ohne Einwilligung bereits beanstandet; in der Folge rollte eine Abmahnwelle durch das Land.
Die saubere Lösung ist das lokale Hosting: Die Schriftdateien werden heruntergeladen und vom eigenen Server ausgeliefert, sodass keine Verbindung zu Drittservern entsteht. Bei bestehenden Websites lohnt eine Prüfung, ob Theme oder Plugins nicht doch im Hintergrund externe Fonts nachladen — das passiert häufiger als vermutet.