Google Fonts – Nutzung & DSGVO

Google Fonts ist ein kostenloser, von Google betriebener Webfont-Dienst, der seit 2010 über 1.400 lizenzfreie Schriftfamilien zur Verfügung stellt und damit zu den meistgenutzten Typografie-Ressourcen im Web gehört.

Was ist Google Fonts?

Google Fonts (bis 2012 unter dem Namen „Google Web Fonts" bekannt) ist eine webbasierte Bibliothek, über die Schriften per CSS-Link in Webseiten eingebunden werden können. Der Dienst stellt alle Schriften unter Open-Source-Lizenzen bereit – überwiegend unter der SIL Open Font License (OFL) oder der Apache License 2.0. Das bedeutet: Die Schriften dürfen kostenlos für kommerzielle und private Projekte verwendet, modifiziert und weitergegeben werden.

Das Angebot umfasst serifenlose und serifenbetonte Schriften, Display- und Handschriftfonts sowie variable Schriften. Bekannte Schriften aus der Bibliothek sind Variable Fonts-kompatible Familien wie Roboto, Open Sans, Lato, Montserrat, Oswald und Noto Sans. Viele dieser Schriften wurden eigens für den digitalen Einsatz konzipiert und sind für die Bildschirmdarstellung optimiert.

Erklärung

Technische Funktionsweise

Die klassische Einbindung von Google Fonts erfolgt über ein <link>-Tag im HTML-Dokument:

``html <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet"> ``

Der Browser lädt dabei zunächst ein CSS-Stylesheet von fonts.googleapis.com, das wiederum auf Schriftdateien von fonts.gstatic.com verweist. Alternativ können Schriften über die Google Fonts CSS API v2 eingebunden werden, die auch Variable Fonts unterstützt.

Schriftformate

Google Fonts liefert Schriften heute standardmäßig im WOFF2-Format aus, dem aktuellen Standard für Webfonts mit bester Komprimierung. Ältere Browser erhalten bei Bedarf WOFF oder TTF. Die API erkennt den verwendeten Browser und liefert das jeweils optimale Format automatisch.

Google Fonts API

Die API erlaubt die präzise Kontrolle über geladene Schriftschnitte. Durch die Angabe von wght@400;700 werden nur Regular und Bold geladen – das reduziert den Dateitransfer erheblich. Für Variable Fonts wird ein Achsenbereich angegeben: wght@100..900. Der Parameter display=swap steuert das Font-Loading-Verhalten: Text wird zunächst mit einem System-Fallback angezeigt, bis die eigentliche Schrift geladen ist.

Beispiele

Google Fonts dominiert das Web: Laut einer Analyse von W3Techs (2023) nutzen über 60 Prozent aller gemessenen Webseiten Google Fonts in irgendeiner Form. Die meistgenutzten Schriften sind:

• Roboto – Googles eigene Schrift, Standard auf Android
• Open Sans – humanistische Grotesk, vielseitig einsetzbar
• Lato – warm und modern, besonders für Corporate Design beliebt
• Montserrat – geometrische Grotesk, häufig für Überschriften
• Noto Sans / Noto Serif – Googles internationales Schriftprojekt für alle Unicode-Zeichen
• Oswald – kondensierte serifenlose, populär für Schlagzeilen

Im deutschen Medienbereich setzen viele Redaktionssysteme, Blogs und kleinere Corporate-Sites auf Google Fonts, da die Bibliothek keine Lizenzkosten verursacht und technisch einfach zu integrieren ist.

In der Praxis

Wann eignet sich Google Fonts?

Google Fonts ist besonders geeignet für:

• Kleinere und mittlere Projekte ohne spezielles Schriftbudget
• Open-Source- oder gemeinnützige Projekte, die auf kostenlose Ressourcen angewiesen sind
• Schnelle Prototypen und MVPs, bei denen Lizenzen zunächst keine Rolle spielen
• Bildungsmaterial, das frei weitergegeben werden soll

Für professionelle Markenprojekte mit hohen Qualitätsanforderungen empfehlen Typografieexperten wie Spiekermann (2014) den Einsatz kommerzieller Schriften mit erweiterten Schriftschnitten, besserem Kerning und Hinting-Optimierung.

DSGVO-Problematik

Hier liegt das zentrale rechtliche Problem für europäische Webseitenbetreiber: Wer Google Fonts über die CDN-Einbindung (also per <link> auf fonts.googleapis.com) nutzt, überträgt die IP-Adresse der Seitenbesucher an Google-Server in den USA. Das Landgericht München urteilte im Januar 2022 (Az. 3 O 17493/20), dass diese Übertragung ohne Einwilligung gegen die DSGVO Art. 6 Abs. 1 verstößt, da die IP-Adresse ein personenbezogenes Datum darstellt.

Das Urteil hat in der deutschen Webdesign-Community große Aufmerksamkeit erzeugt und dazu geführt, dass viele Betreiber auf lokales Hosting umstellten.

Lösung: Lokales Hosting

Die DSGVO-konforme Lösung ist das Selbst-Hosten der Schriften: Die Schriftdateien werden heruntergeladen, auf dem eigenen Server gespeichert und per CSS @font-face eingebunden. Dabei findet keine Verbindung zu Google-Servern mehr statt.

Der Dienst google-webfonts-helper (gwfh.mranftl.com) erleichtert diesen Prozess: Er stellt für jede Google Font den fertigen CSS-Code sowie alle benötigten Schriftdateien als ZIP zum Download bereit.

``css /* Beispiel: lokales Einbinden von Open Sans */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/open-sans-v36-latin-regular.woff2') format('woff2'); } ``

Alternativ können Schriften über npm-Pakete (z. B. @fontsource/roboto) bezogen und in Build-Prozesse integriert werden – das ist besonders in React- und Next.js-Projekten verbreitet.

Vergleich & Abgrenzung

Im Vergleich zu Adobe Fonts bietet Google Fonts zwar keine exklusiven Designschriften, dafür aber vollständige Freiheit in der Weitergabe und Modifikation.

Gegenüber Open-Source-Schriften aus anderen Quellen hat Google Fonts den Vorteil einer zentralen, gut gepflegten Plattform mit einheitlicher Qualitätskontrolle und einfacher Vorschau.

Häufige Fragen (FAQ)

Darf ich Google Fonts kommerziell nutzen? Ja – alle Schriften in der Google Fonts Bibliothek stehen unter offenen Lizenzen (OFL oder Apache 2.0) und dürfen für kommerzielle Projekte eingesetzt werden.

Macht mich die CDN-Einbindung von Google Fonts angreifbar? Rechtlich gesehen ja: Nach dem Urteil des LG München (2022) kann die CDN-Einbindung ohne Einwilligung abgemahnt werden. Die sichere Alternative ist das lokale Hosten.

Wie lade ich Google Fonts herunter? Über die offizielle Website fonts.google.com oder komfortabler über google-webfonts-helper. Für variable Fonts empfiehlt sich der direkte Download über die API.

Gibt es Performance-Unterschiede zwischen CDN und lokalem Hosting? Google gibt an, sein CDN optimiere Ladezeiten durch Caching. In der Praxis ist lokales Hosting oft schneller, da keine zusätzlichen DNS-Anfragen nötig sind.

Was ist Fontsource? Fontsource ist ein npm-Ecosystem, das Google Fonts (und andere Open-Source-Schriften) als npm-Pakete bereitstellt. Ideal für JavaScript-basierte Webprojekte mit Build-Pipeline.

Verwandte Einträge

• Adobe Fonts – Creative Cloud Schriften
• Open-Source-Schriften
• Variable Fonts – Technik & Einsatz
• Schriftlizenzen – Desktop, Web, App, ePub
• Georgia – Serifenschrift fürs Web

Weiterführend

• Google Fonts Website: fonts.google.com
• Google Fonts Knowledge: fonts.google.com/knowledge
• LG München, Urteil vom 20.01.2022, Az. 3 O 17493/20
• google-webfonts-helper: gwfh.mranftl.com
• Fontsource: fontsource.org
• Lupton, E. (2010): Thinking with Type. Princeton Architectural Press.
• Spiekermann, E. (2014): Über Schrift. Hermann Schmidt Verlag.