
Google fonts lokal hosten
Wie man Google Fonts lokal für die DSGVO-Compliance und schnellere Websiten in HTML, CSS & WordPress selbst hostet | Kostenlos & Einfach
Das lokale Hosting von Google Fonts ist ein wichtiger Schritt, um die Anforderungen der DSGVO zu erfüllen und die Leistung Ihrer Website zu verbessern. Wenn Fonts von Googles Servern geladen werden, können Benutzerdaten ohne Zustimmung übertragen werden, was zu Datenschutzbedenken führen kann. Durch die Verwendung von lokalen Fonts in HTML, CSS oder WordPress schützen Sie nicht nur die Privatsphäre der Nutzer, sondern verbessern auch die Ladegeschwindigkeit Ihrer Seite – schnell, einfach und kostenlos. Dieser Leitfaden führt Sie Schritt für Schritt durch den Prozess!
Diese Anleitung verwendet ein hilfreiches Tool namens google-webfonts-helper, das uns hilft, ultrakleine WOFF 2.0-Schriftdateien zu erhalten, die super schnell sind und gleichzeitig die DSGVO-Compliance wahren.
1. Herunterladen der Schriftdateien
Bevor wir mit der Implementierung beginnen, müssen wir zuerst unsere Fonts von google-webfonts-helper auswählen und herunterladen. Dazu wählen wir einfach eine Schriftart auf der linken Seite aus oder suchen nach einer, die wir verwenden möchten.

Als nächstes müssen Sie die Schriftstilvarianten auswählen. Für optimale Ergebnisse wird empfohlen, wesentliche Schriftstilvarianten wie regulär, fett und kursiv auszuwählen. Dies hält Ihr Design flexibel und minimiert die Anzahl der Dateien, wodurch schnellere Ladezeiten gewährleistet werden.

Nachdem Sie die Schriftstilvarianten ausgewählt haben, wird der CSS-Code zur Implementierung der Schriftarten generiert. Bitte stellen Sie sicher, dass Sie dies für später speichern.

Der letzte Schritt besteht darin, den Ordner herunterzuladen und zu entpacken. Danach ist der erste Schritt zum Selbsthosting Ihrer Schriftarten abgeschlossen. Jetzt müssen wir die Schriftarten implementieren.

2. Implementierung von selbstgehosteten Google Fonts in eine HTML/CSS-Seite
Jetzt können Sie entweder den früheren CSS-Code in Ihr vorhandenes Stylesheet ganz oben einfügen oder, um eine bessere Organisation zu erreichen, ein separates Stylesheet erstellen, das ausschließlich für die Schriftarten zuständig ist. Auf diese Weise behalten Sie eine klare Übersicht über Ihre Stile, während Ihr Haupt-Stylesheet ordentlich bleibt. Kopieren Sie einfach den CSS-Code in Ihr Stylesheet. Es könnte zum Beispiel so aussehen:
Sie können die Schriftarten jetzt in Ihre regulären CSS-Regeln integrieren, wie im folgenden Beispiel:
Das war's für den HTML/CSS-Teil. Ich hoffe, ich konnte Ihnen helfen. Wenn Sie weitere Fragen haben, zögern Sie nicht, diese zu stellen.
Selbst gehostete Google-Schriften mit WordPress
Um selbst gehostete Google-Schriften in WordPress zu implementieren, müssen wir nur ein Plugin installieren und ihm seinen Lauf lassen. Dazu gehen wir zur Plugin-Seite, klicken auf "Neues Plugin hinzufügen", suchen nach "Local Google Fonts" und installieren und aktivieren es.


Das war's! Ich hoffe, dieser Leitfaden hat Ihnen geholfen, Google-Schriften lokal zu implementieren, um die GDPR-Compliance zu verbessern und die Leistung zu steigern. Wenn Sie weitere Fragen haben können Sie sich gerne melden.