Google Fonts bietet eine riesige Auswahl an Schriften für Ihre Website. In unserem ultimativen Guide zur Einbindung von Google Fonts für WordPress zeigen wir Ihnen, wie Sie Google Fonts auf Ihrer Website sicher und rechtskonform einsetzen können.
Was sind Google Fonts?
Google Fonts sind eine Sammlung kostenloser, lizenzfreier Schriftarten, die von Google bereitgestellt werden. Diese Schriftarten können Sie auf Ihrer Website verwenden, ohne dass Lizenzkosten anfallen. Damit haben Sie die Möglichkeit, Ihrer Website einen weiteren persönlichen Schliff zu verpassen und die Lesbarkeit Ihrer Texte zu verbessern.
Dabei verfügt jede Schriftart über eine eigene eindeutige URL, die in den Header-Bereich Ihrer Website eingefügt werden kann. Dadurch wird die Schriftart von den Servern von Google geladen und auf Ihrer Website angezeigt.
Die zahlreichen Vorteile von Google Fonts für Website-Betreiber
Große Auswahl an Schriftarten:
Google Fonts bietet eine breite Auswahl an Schriftarten, die sowohl für Print- als auch für Webdesigns verwendet werden können. Es gibt über 1000 Schriftarten, aus denen man wählen kann, darunter Serifen- und Sans-Serif-Schriften, sowie Display- und Handwriting-Schriften.
Kostenfrei:
Google Fonts ist kostenlos und kann von jedem genutzt werden, der eine Website erstellt oder ein Dokument gestaltet. Es ist auch möglich, die Schriftarten zu kommerziellen Zwecken zu verwenden, ohne eine Lizenzgebühr zu zahlen.
Schnelle Ladezeiten:
Google Fonts nutzt ein Content Delivery Network (CDN), das eine schnelle Auslieferung der Schriftarten an den Nutzer ermöglicht. Dadurch wird die Ladezeit der Webseite reduziert und die Nutzererfahrung verbessert.
Einfache Integration:
Die Integration von Google Fonts ist einfach. Es gibt Anleitungen und Code-Snippets, die auf https://fonts.google.com/ bereitgestellt werden, um die Integration auf Websites zu erleichtern.
Optimierung für verschiedene Geräte:
Google Fonts ist optimiert für verschiedene Geräte und Bildschirmgrößen, was bedeutet, dass die Schriftarten auf allen Geräten gut aussehen und lesbar bleiben.
Barrierefreiheit:
Google Fonts unterstützt die Barrierefreiheit, indem es eine große Auswahl an Schriftarten anbietet, die für Menschen mit Sehbehinderungen leichter lesbar sind.
Multilinguale Unterstützung:
Google Fonts unterstützt eine Vielzahl von Sprachen und Schriftsystemen, einschließlich derer, die nicht auf dem lateinischen Alphabet basieren.
Warum ist die lokale Einbindung von Google Fonts so wichtig?
Wenn Sie Google Fonts auf Ihrer Website verwenden, werden die Schriftarten normalerweise von den Google-Servern geladen. Eine lokale Einbindung der Fonts kann jedoch einige Vorteile bieten, wie eine verbesserte Kontrolle über Datenschutz und Ladezeiten.
Auf der anderen Seite steht jedoch der zusätzliche Wartungsaufwand.
Welche konkreten Vor- und Nachteile gibt es, wenn Google Fonts auf der Website gehostet werden?
Vorteile:
Datenschutz:
Sie haben mehr Kontrolle über die Daten, die Ihre Website überträgt. Da Google Fonts von Google-Servern geladen werden, werden Informationen über Ihre Website und Benutzer an Google übertragen. Wenn Sie die Schriftarten jedoch lokal hosten, bleiben diese Informationen auf Ihrer Website.
Schnellere Ladezeiten:
Schriftarten werden von Ihrem eigenen Server geladen, was die Ladezeit Ihrer Website verkürzen kann.
Kontrolle im Cache:
Sie haben mehr Kontrolle über die Dateien im Cache. Durch das Hosting auf der eigenen Website können Entwickler entscheiden, wie lange die Dateien im Cache gespeichert werden sollen und wie sie aktualisiert werden sollen. Dies kann dazu beitragen, die Website-Performance zu verbessern und die Ladezeit zu reduzieren.
Offline Verfügbarkeit:
Schriftarten sind auch dann verfügbar, wenn die Verbindung zum Internet ausfällt. Dadurch wird sichergestellt, dass die Schriftarten immer zuverlässig angezeigt werden.
Nachteile:
Wartungsaufwand:
Wenn Sie Google Fonts lokal hosten, müssen Sie sich um die Verwaltung und Wartung der Schriftarten auf Ihrem Server kümmern. Dies kann zusätzlichen Aufwand und Kosten verursachen.
Höhere Auslastungen des Servers
Es kann zu einer etwas höheren Auslastung des Servers kommen, wenn Google Fonts lokal gehostet werden. Da die Schriftarten von Ihrem eigenen Server geladen werden, werden mehr Ressourcen von Ihrem Server benötigt, um die Schriftarten an die Benutzer zu liefern.
Was sind die Bedenken der DSGVO bei der Verwendung von Google Fonts?
Die DSGVO (Datenschutz-Grundverordnung) ist eine EU-Verordnung, die den Schutz personenbezogener Daten regelt und Unternehmen dazu verpflichtet, sicherzustellen, dass sie bei der Verarbeitung personenbezogener Daten rechtmäßig handeln.
In Bezug auf Google Fonts gab es Bedenken hinsichtlich des Datenschutzes, da die Schriftarten über die Server von Google bereitgestellt werden. Das bedeutet, dass bei jeder Verwendung von Google Fonts auf einer Website Daten an Google gesendet werden, einschließlich der IP-Adresse des Benutzers..
Aus diesem Grund verstößt die Verwendung von Google Fonts laut dem Urteil des Landgerichts am 20.01.2022 gegen die DSGVO, wenn keine ausdrückliche Zustimmung des Nutzers vorliegt oder wenn keine entsprechenden Maßnahmen ergriffen wurden, um sicherzustellen, dass die Übertragung personenbezogener Daten an Google rechtmäßig sind.
Um dieses Problem zu lösen, empfehlen Experten, Google Fonts lokal auf der eigenen Website einzubinden. Das bedeutet, dass die Schriftarten auf dem eigenen Server gehostet werden und keine Daten an Google gesendet werden.
Es gibt verschiedene Methoden, um Google Fonts lokal einzubinden, die wir Ihnen in unserem Guide vorstellen.
Durch die lokale Einbindung von Google Fonts können Website Betreiber sicherstellen, dass sie die DSGVO-Vorschriften einhalten und den Datenschutz ihrer Benutzer gewährleisten.
Benutzte Google Fonts auf der eigenen Website herausfinden
Wir zeigen Ihnen Schritt für Schritt, wie Sie herausfinden können, welche Google Fonts auf Ihrer Website verwendet werden, um diese anschließend gezielt auszuwählen und selbst zu hosten.
Schritt 1: Öffnen Sie Ihre Website im Browser
Der erste Schritt besteht darin, Ihre Website in einem Browser Ihrer Wahl zu öffnen. Wählen Sie einen Browser, den Sie normalerweise verwenden, um Ihre Website anzuzeigen.
Schritt 2: Öffnen Sie die Entwicklerkonsole
Um die Schriftarten zu überprüfen, die auf Ihrer Website verwendet werden, müssen Sie die Entwicklerkonsole öffnen. In den meisten modernen Browsern können Sie diese öffnen, indem Sie mit der rechten Maustaste auf eine beliebige Stelle auf Ihrer Website klicken und dann „Untersuchen“ bzw. “Element-Informationen” auswählen.
Schritt 3: Überprüfen Sie die Entwicklerkonsole
Klicken Sie in der Entwicklerkonsole auf die Registerkarte „Netzwerk“ und wählen Sie anschließend „Schrift“ aus. Lade nun die Seite neu. Wenn in einer Zeile unter „Domain“ der Domainname „fonts.gstatic.com“ angezeigt wird, bedeutet das, dass die Font von den Google-Servern geladen wird.
Steht dort stattdessen Ihre eigene Domain, so wird die Font bereits lokal auf Ihrer Website gehostet.
Diese Methode ermöglicht es Ihnen, schnell herauszufinden, welche Google Fonts bereits auf deiner Website eingebunden sind und ob Sie diese lokal hosten sollten oder nicht.
Wie können Sie Google Fonts datenschutzkonform auf Ihrer Website integrieren?
Sicherheits- und Datenschutzbedenken haben dazu geführt, dass viele Website-Betreiber Google Fonts nicht mehr über die standardmäßige Einbindung über die Google-Server nutzen möchten.
Eine Lösung besteht darin, die Schriftarten lokal auf der eigenen Website zu hosten. In den folgenden Anleitung zeigen wir Ihnen, wie Sie Google Fonts auf Ihrer WordPress Website per FTP oder per Plugin einbinden können.
Einfügen der Google Fonts per FTP
Schritt 1: Google Fonts herunterladen
Um Google Schriftarten lokal auf Ihrem Server zu verwenden, müssen Sie die Schriftarten zuerst herunterladen. Gehen Sie dazu auf https://fonts.google.com/. Wählen Sie die Schriftarten aus, die Sie verwenden möchten, und klicken Sie auf die Schaltfläche „Herunterladen“.
Sie erhalten eine ZIP-Datei mit den gewählten Schriftarten.
Schritt 2: Google Fonts ZIP-Datei entpacken
Sobald Sie die Schriftarten Ihrer Sammlung hinzugefügt haben, klicken Sie auf das Icon „Herunterladen“. Dadurch wird eine ZIP-Datei auf Ihren Computer heruntergeladen. Entpacken Sie die ZIP-Datei an einem Ort, an dem Sie sie später leicht finden können.
Schritt 3: Erstellen Sie einen neuen Ordner in Ihrem WordPress-Theme
Navigieren Sie zu Ihrem WordPress-Theme-Ordner und erstellen Sie einen neuen Ordner namens „fonts“. Sie können dies über einen FTP-Client wie FileZilla oder über das Datenverwaltungssystem Ihres Webhosts tun.
Schritt 4: Hochladen der heruntergeladenen Schriftarten
Kopieren Sie die heruntergeladenen Schriftarten aus der entpackten ZIP-Datei in den neu erstellten Ordner „fonts“ in Ihrem WordPress-Theme-Ordner.
Schritt 5: Fügen Sie die Schriftarten in Ihre CSS-Datei ein
Öffnen Sie Ihre WordPress-Themes-CSS-Datei (style.css) und fügen Sie den folgenden Code am Anfang der Datei ein:
@font-face {
font-family: 'Font-Name';
src: url('/wp-content/themes/Name Ihres Themes/fonts/Name der Schriftart.ttf')
font-weight: 400;
}Wiederholen Sie diesen Schritt für jede Schriftart, die Sie lokal auf Ihrer Website hosten möchten. Vergessen Sie nicht, den Dateinamen und den Font-Namen entsprechend anzupassen.
Schritt 6: Änderungen überprüfen
Überprüfen Sie Ihre Website, um sicherzustellen, dass die Schriftart korrekt angezeigt wird.
Einfügen der Google Fonts per Plugin
Wenn Sie die Google Fonts auf Ihrer WordPress-Seite lokal einrichten möchten, gibt es auch Plugins, die diesen Prozess erleichtern können. Im Folgenden finden Sie eine Schritt-für-Schritt-Anleitung für die Einrichtung von Google Fonts mit dem Plugin „Local Google Fonts„.
Schritt 1: Installieren und Aktivieren Sie das Plugin
Installieren und aktivieren Sie das Plugin „Local Google Fonts“ in Ihrem WordPress-Dashboard. Gehen Sie dazu auf “Plugins“ > „Installieren“ und suchen Sie nach „Local Google Fonts“. Klicken Sie anschließend auf „Installieren“ und aktivieren das Plugin.
Schritt 2: Klicken Sie sich durch Ihre Seiten / Templates
Damit das Plugin die nötigen Google Fonts herunterladen kann, klicken Sie sich durch Ihre Website. So erkennt das Plugin alle genutzten Fonts, die auch der User erkennen würde.
Schritt 3: Laden Sie die genutzten Google Fonts herunter
Haben Sie sich durch die Website geklickt, können Sie nun in Ihrem WordPress Dashboard auf “Einstellungen” > “Google Fonts” navigieren. Klicken Sie anschließend auf “Lokal hosten“, damit die Google Fonts auf Ihren Server heruntergeladen werden können.
Sollten Sie weitere Google Fonts auf Ihrer Website verwenden, die Sie beim ersten Mal nicht erwischt haben, können Sie die Option „Schriften automatisch laden” aktivieren, damit die Schriftarten automatisch heruntergeladen werden, sobald das Plugin diese erkennt.
Deaktivieren Sie die Verbindung zu Google Fonts Servern
Da die Google Fonts nun lokal auf Ihrer Website eingebunden sind, müssen Sie nur noch die Verbindung zu den Servern von Google Fonts trennen, die durch Themes und Plugins besteht.
Wenn Sie das Plugin „Local Google Fonts“ nutzen, können Sie die folgenden Schritte ignorieren, da alle verwendeten Google Fonts automatisch auf Ihren Server geladen und von dort aus genutzt werden.
So deaktivieren Sie die Verbindung:
Schritt 1: Zugang zu Ihrem WordPress-Admin-Bereich erhalten
Loggen Sie sich in Ihren WordPress-Admin-Bereich ein.
Schritt 2: Installieren Sie das Plugin „Disable and Remove Google Fonts“
Gehen Sie zum Menü „Plugins“ > „Installieren“ und suchen Sie nach dem Plugin „Disable and Remove Google Fonts„. Klicken Sie auf „Installieren“ und aktivieren Sie es.
Anschließend erscheint die folgende Meldung:
Schritt 3: Überprüfen Sie Ihre Webseite
Überprüfen Sie Ihre Website, um sicherzustellen, dass die Verbindung zu Google Fonts deaktiviert wurde.
Befolgen Sie dafür die Schritte aus „Benutzte Google Fonts auf der eigenen Website herausfinden”
Wir helfen Ihnen bei der rechtssicheren Einbindung von Google Fonts in WordPress
Wenn Sie sich unsicher sind, wie Sie Google Fonts rechtssicher in Ihre WordPress Website einbinden können, stehen wir Ihnen gerne zur Seite!
Kontaktieren Sie uns dafür hier.
FAQs
Sind Google Fonts kostenlos?
Ja, Google Fonts ist kostenlos und kann von jedem Websitebetreiber genutzt werden.
Wie wähle ich die richtige Schriftart für meine Website aus?
Bei der Auswahl der richtigen Schriftart für eine Webseite gibt es einige wichtige Faktoren zu berücksichtigen:
Lesbarkeit:
Eine Schriftart sollte gut lesbar sein, damit Besucher die Texte auf der Webseite leicht verstehen können. Es ist wichtig, dass die Schriftart in verschiedenen Größen und auf verschiedenen Geräten lesbar bleibt.
Zielgruppe:
Die Zielgruppe der Webseite sollte bei der Auswahl der Schriftart berücksichtigt werden. Für eine Webseite, die sich an Kinder richtet, kann beispielsweise eine verspielte Schriftart geeignet sein, während für eine Webseite, die sich an Geschäftsleute richtet, eine seriöse Schriftart besser geeignet ist.
Design:
Die Schriftart sollte zum Gesamtdesign der Webseite passen. Eine Schriftart, die gut zu einem minimalistischen Design passt, ist möglicherweise nicht die beste Wahl für eine Seite mit einem eher verspielten Design.
Zweck:
Der Zweck der Webseite sollte ebenfalls berücksichtigt werden. Wenn es sich um eine informative Webseite handelt, kann eine klare, serifenlose Schriftart besser geeignet sein, während für eine kreative oder künstlerische Webseite eine Schriftart mit mehr Charakter besser geeignet sein kann.
Konsistenz:
Es ist wichtig, eine konsistente Schriftart auf der gesamten Webseite zu verwenden, um ein einheitliches Erscheinungsbild zu erzielen.
Barrierefreiheit:
Die Schriftart sollte auch barrierefrei und leicht lesbar für Menschen mit Sehbehinderungen sein.
Insgesamt ist es wichtig, die verschiedenen Faktoren bei der Auswahl der richtigen Schriftart für eine Webseite abzuwägen, um eine gute Lesbarkeit und ein ansprechendes Design zu gewährleisten.
Welches Problem gibt es bei der Verwendung von Google Fonts in Bezug auf die DSGVO?
Da Google Fonts über die Server von Google bereitgestellt werden, können bei jeder Verwendung Daten an Google gesendet werden, einschließlich der IP-Adresse des Benutzers.
Dies kann gegen die DSGVO verstoßen, wenn keine ausdrückliche Zustimmung des Nutzers vorliegt oder wenn keine entsprechenden Maßnahmen ergriffen wurden, um sicherzustellen, dass die Übertragung personenbezogener Daten an Google rechtmäßig ist.
Warum wird empfohlen, Google Fonts lokal einzubinden?
Durch die lokale Einbindung von Google Fonts können Website- und App-Betreiber sicherstellen, dass sie die DSGVO-Vorschriften einhalten und den Datenschutz ihrer Benutzer gewährleisten.
Außerdem kann dies die Ladezeit einer Website verbessern und die Abhängigkeit von externen Servern reduzieren.
Wie kann man Google Fonts lokal einbinden?
Es gibt mehrere Möglichkeiten, Google Fonts lokal einzubinden. Eine Möglichkeit besteht darin, die Schriftarten von der offiziellen Google Website https://fonts.google.com/ herunterzuladen und lokal auf dem eigenen Server zu speichern. Alternativ kann man auch Tools und Plugins verwenden, die die Schriftarten automatisch herunterladen und lokal einbinden.
Lesen Sie dafür am besten unseren oben aufgeführten Guide.
Welche Alternativen gibt es zu Google Fonts?
Es gibt viele alternative Schriftarten-Sammlungen, die kostenlos oder gegen Gebühr erhältlich sind. Einige Beispiele sind Adobe Fonts, Font Squirrel und FontSpace. Es ist wichtig zu beachten, dass bei der Verwendung alternativer Schriftarten-Sammlungen ähnliche Datenschutzprobleme auftreten können wie bei der Verwendung von Google Fonts.
Welche Auswirkungen hat die lokale Einbindung von Google Fonts auf SEO?
Die lokale Einbindung von Google Fonts hat keine negativen Auswirkungen auf SEO, solange die Schriftarten korrekt eingebunden sind und keine Fehler verursachen. Tatsächlich kann die lokale Einbindung dazu beitragen, die Ladezeit einer Website zu verbessern, was sich positiv auf die SEO auswirken kann.
Kann die lokale Einbindung von Google Fonts die Leistung einer Website beeinträchtigen?
Ja, wenn die Schriftarten nicht ordnungsgemäß eingebunden sind, kann dies die Leistung einer Website beeinträchtigen.
Es ist wichtig, sicherzustellen, dass die Schriftarten korrekt lokal eingebunden werden und dass keine Fehler oder Probleme auftreten, die die Leistung einer Website beeinträchtigen könnten.
