Was ist ein Webfont?

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.

Lizenzmodelle

Je nach Bezugsquelle und Schriftart unterscheiden sich die Lizenzmodelle für Webfonts. So sind die Schriftarten bei Google Fonts grundsätzlich zur kostenlosen Verwendung freigegeben.

Ihnen gegenüber stehen die kostenpflichtigen Portale: Hier besteht die Möglichkeit, Schriftarten einzeln zu kaufen, oder das Portal und dessen Fonts per Abo-Modell zu nutzen. Wer etwa die Schriftarten von Adobe Fonts nutzen möchte, benötigt zwingend ein eigenes Abo und zahlt eine monatliche Gebühr. Andere Portale, wie Myfonts und Fontshop, bieten wiederum Schriftarten und deren Nutzungsrechte auch zum Einzelkauf an. Schrift-Designer und große Font-Schmieden, wie Linotype, sind ebenfalls sehr gute Anlaufpunkte für den Kauf von Schriftarten. Bezahlt wird in den Portalen entweder zum Festpreis, oder abhängig von den Zugriffszahlen der Webseiten, auf denen die Fonts eingebunden werden.

Google Fonts und Datenschutz

Im Januar 2022 urteilte das Landgericht München, dass die dynamische Einbindung der Webfonts von US-Webdienstleistern ohne die Einwilligung der Nutzenden einer Webseite gegen die Datenschutzverordnung verstößt. Beim Laden von Google Fonts wird mit dem Aufruf der Schriftart zumindest kurzzeitig eine Verbindung zu den Servern des Suchmaschinen-Primus hergestellt. Das Problem: Die IP-Adresse der Nutzenden wird dabei übertragen und landet ohne Anonymisierung und Genehmigung auf einem US-Server.

Unser Fazit

Mit Webfonts genießen Webdesigner mehr gestalterische Freiheit in Bezug auf die Typografie, da es keine Beschränkung auf System-Schriften mehr gibt. Ein individueller Webfont erhöht den Wiedererkennungswert und ist damit ein wichtiger Bestandteil Ihrer Corporate Identity.

Auch in Sachen Usability können Webfonts punkten: Sind individuelle Schriften als Webfont und nicht in einem Bild hinterlegt, so können sie von Screenreadern besser ausgelesen werden und sind damit barrierearm und suchmaschinenfreundlich. Darüber hinaus lassen sich Webfonts flexibel anpassen.

Mögliche Geschwindigkeitsverluste werden umgangen, indem wir Alternativschriften für schwächere Geräte hinterlegen. Die Anpassung an die Gerätevoraussetzungen kann je nach Kundenwunsch fein abgestimmt werden.

Auch Firewalls können das Laden der Schriften verhindern, da sie die Website bzw. die Webfonts blockieren können. Auch für diesen Fall bietet es sich an, schon in der Konzeptionsphase eine Fallback Schrift einzuplanen.

Eines steht fest: Der Implementierung eines Webfonts sollten immer sorgfältige Überlegungen und Tests vorausgehen, um die Nutzerfreundlichkeit zu gewährleisten – insbesondere dann, wenn es um die Verwendung auf mobilen Endgeräten geht.

Sandstein^NM berät Sie gerne zum Thema Webfonts!