Google Fonts.

Google Fonts umfasst über tausend Schriftfamilien unter offenen Lizenzen, die auch kommerziell frei genutzt werden dürfen. Bekannte Beispiele sind Inter, Roboto, Open Sans, Montserrat oder Playfair Display. Für viele Websites sind sie die naheliegende Wahl: gute Qualität, breite Sprachunterstützung, keine Lizenzkosten.

Der klassische Einbau lädt die Schriften bei jedem Seitenaufruf von den Servern von Google. Dabei wird die IP-Adresse des Besuchers an Google übertragen. In Deutschland hat das Landgericht München 2022 darin eine Verletzung des Datenschutzes gesehen, weil die Übertragung ohne Einwilligung und ohne Notwendigkeit erfolgte; danach folgte eine Welle von Abmahnungen. In der Schweiz ist kein vergleichbares Urteil bekannt, aber auch das DSG verlangt Transparenz über Bekanntgaben an Dritte. Die einfachste Lösung ist, die Schriften selbst zu hosten — dann fliessen keine Daten an Google.

Selbst hosten ist auch technisch besser. Die Schriftdateien kommen vom eigenen Server oder CDN, es entfällt eine zusätzliche Verbindung zu einem fremden Server, und man kontrolliert Caching und Vorladen. Frameworks wie Next.js laden Google Fonts beim Build automatisch herunter und liefern sie lokal aus. Bei WordPress und anderen Systemen gibt es Plugins oder Theme-Einstellungen, die das übernehmen.

Für die Ladezeit zählt, wie viele Schnitte geladen werden. Jede Kombination aus Gewicht und Stil ist eine eigene Datei. Variable Schriften fassen viele Gewichte in einer Datei zusammen; Subsetting entfernt Zeichen, die nicht gebraucht werden. Mit font-display: swap und passenden Ausweichschriften erscheint Text sofort, ohne dass die Seite beim Nachladen der Schrift springt — gut für den Cumulative Layout Shift.