Sie sind hier: Startseite · Artikel · Google Fonts lokal

Google-Webfonts lokal ablegen – nicht nur wegen DS-GVO

Fonts einbinden ist ja so einfach, seit es Google-Webfonts gibt. Ein Meta-Tag in den Header, und fertig. Eine andere Frage ist, ob es auch sinnvoll ist, z. B. unter dem Aspekt Geschwindigkeit. Immerhin erzeugt das Einbinden eines Google-Webfonts einen zusätzlichen http-request.
Ganz aktuell (Stichwort: DS-GVO) wird aber die Frage diskutiert, ob diese Einbindung möglicherweise unter Datenschutz-Gesichtspunkten bedenklich ist. Was macht Google aus den Zugriffen, die jeder Aufruf einer Seite mit eingebundenen Google-Webfonts erzeugt. Zumindest die IP des Seitenbesuchers wird dabei an Google übertragen.

Weil ich keine Lust habe, den Ausgang dieser Diskussion abzuwarten, lege ich kurzerhand die entsprechenden Fonts auf meinem Server ab, und binde sie auf die herkömmliche Weise ein.

Ein Beispiel-CSS

@font-face { font-family: 'Special Elite'; font-style: normal; font-weight: 400; src: url('/fonts/special-elite-v8-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Special Elite Regular'), local('SpecialElite-Regular'), url('/fonts/special-elite-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/special-elite-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/special-elite-v8-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/fonts/special-elite-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/special-elite-v8-latin-regular.svg#SpecialElite') format('svg'); /* Legacy iOS */ }

Und jetzt noch die Font-Dateien .eot, .woff, .ttf usw. in den Ordner fonts.
Sieht kompliziert und aufwändig aus!

Die Fünf-Minuten-Version

Zum Glück gibt es einen genialen Webservice, der den Aufwand auf wenige Handgriffe reduziert: https://google-webfonts-helper.herokuapp.com/fonts (nicht mehr erreichbar)

Nachtrag 23.08.2026

8 Jahre sind im Webdesign eine Ewigkeit. Die Aufgabenstellung "Google-Webfonts lokal ablegen" ist zwar aktueller denn je, aber die Lösungen haben sich geändert. Andreas Fixel von SEOFX hat mich darauf hingewiesen, dass der o.g. Webservice "google-webfonts-helper" nicht mehr existiert, und hat mir dankenswerterweise einen gleichwertigen Service genannt: gwfh.mranftl.com
Bei SEOFX gibt es auch einen ausführlichen, aktuellen Blogpost zu diesem Thema: Google Fonts lokal einbinden: Anleitung 2026

Copyright-Hinweis

Artikeltexte und Code-Snippets: Creative Commons  CC BY-SA 4.0
Medien (Bilder, Videos, Audios) sind evtl. urheberrechtlich geschützt.

1. ONMA Hannover schrieb am Donnerstag, 19.04.18 15:47 Uhr:

   Ich finde den google-webfonts-helper wirklich hilfreich dafür.

   Grüße aus Hannover