So deaktivierst Du Google Fonts – 3 Arten

In unserem folgenden Beitrag stellen wir Dir drei Arten vor, wie Du Deine Google Fonts auf Deiner Website richtig deaktivieren kannst, damit Du keinerlei Probleme in Sachen Datenschutz bekommst:

  • Google Fonts direkt im Theme oder in Elementor deaktivieren
  • Google Fonts anhand der functions.php deaktivieren.
  • Google Fonts mithilfe von Plugins deaktivieren.

Wieso sind Google Fonts so stark verbreitet und wieso kann deren Verwendung problematisch werden?

Google stellt seit Jahren eine gewaltige und kostenlose Palette (über 900 Stück) an Schriftarten zur Verfügung. Google Fonts bieten zwei große Vorteile:

  1. Da die Schriftarten online sind, ist es nicht notwendig gewisse Schriftarten auf Deinem Server zur Verfügung zu stellen – sie werden einfach über Code-Snippets in die von Dir verwendeten Themes automatisch geladen.
  2. Alle Google Fonts sehen für Deine Nutzer – unabhängig von Endgerät – immer gleich aus. Das ist benutzerfreundlich, sowohl für Dich als auch für Deine Kunden.

Leider bringen Google Fonts nicht nur Vorteile mit sich – Stichwort Datenschutz. Eben weil Google Fonts online zur Verfügung gestellt werden, sind sie heikel, da jene Schriftarten standardmäßig vom Google Server bereitgestellt werden. Zwar streitet Google ab, das persönliche Daten der Nutzer über Google Fonts gespeichert werden, rechtlich stellen Google Server aber leider immer noch eine Black Box dar. Ein weiterer Nachteil ist beispielsweise die beeinträchtigte Performance Deiner Website durch das Warten auf externe Ressourcen. Auch das sogenannte Caching jener Schriftarten ist problematisch, da statt nach einer Woche jene Dateien beim erneuten Aufruf eine Stunde später erneut heruntergeladen werden.

Wie kannst Du nachschauen, ob Deine WordPress Seite bzw. Dein Theme Google Fonts verwendet?

Erfahrungsgemäß können wir sagen, dass es ziemlich wahrscheinlich ist, dass Du Google Fonts auf Deiner Website verwendest. Um zu überprüfen welche genau und in welchem Ausmaß, kannst Du unter anderem das Tool Pingdom verwenden.

image

Solltest Du Google Fonts verwenden, siehst Du das anhand der Info „fonts.googleapis.com“. Eine noch genauere Überprüfung zeigt Dir sogar welche Schriftarten Du genau verwendest und wie lange Deine Website für den Aufruf einer solchen Schriftart benötigt.

Ein noch einfacherer Weg, wie Du nachschauen kannst ist über Deinen Google Chrome Browser:

  1. Rufe Deine Seite auf
  2. Klicke dann auf die Taste F12
  3. Gehe auf „Sources“ und suche nach „fonts.googleapis.com“
image

Firefox bietet die selben Funktionen in der Entwicklerkonsole -> Netzwerk.

Die Deaktivierung von Google Font auf Deiner Website

Damit Du Dir die genannten Probleme ersparst, haben wir Dir drei Arten aufgelistet, wie Du Google Fonts auf Deiner Website deaktivieren kannst.

Google Fonts bei Elementor deaktivieren

Datenschutz wird vor allem in Europa groß geschrieben. Das bedeutet, dass verschiedene Theme Entwickler und auch die Entwickler vom wohl berühmtesten Pagebuilder Elementor nicht schlafen, sondern immer weiter daran arbeiten, Dir eine optimale und vor allem sichere Nutzung gewährleisten zu können. Bei Premium-Themes ist das mittlerweile gang und gäbe, aber auch kostenlose Themes führen immer öfter in ihren Einstellungen die Funktion „Disable Google Fonts“ mit. So haben beispielsweise Avada, DIVI und Enfold diese Funktionen bereits erfolgreich in ihr System implementieren können. Auch Elementor bietet in seinen Einstellungen die Deaktivierung von Standardschriftarten an. Sollte das nicht so funktionieren, wie Du Dir das vorstellt, integriere den folgenden Code in Deine functions.php Datei des Templates.

Für Google Fonts:

add_filter( 'elementor/frontend/print_google_fonts', '__return_false');

Für Font Awesome Icons:

add_action( 'wp_enqueue_scripts', function() { wp_dequeue_style( 'font-awesome' ); }, 50 );

Google Fonts anhand der functions.php deaktivieren

Möchtest Du absolut sicher gehen, dass Deine Google Fonts deaktiviert sind, verweisen wir Dich auf die functions.php Datei. Google Fonts sind nämlich in der Regel über die functions.php Datei verbunden. Um diese Verbindung zu trennen, muss ein dequeue-Befehl eingebaut werden.

add_action('wp_print_styles', 'twentyseventeen_dequeue_styles', 100);

function twentyseventeen_dequeue_styles() {
wp_dequeue_style( 'twentyseventeen-fonts' );}

Alternativ kannst Du auch eine De-Registierung der Google Fonts einbinden.

add_action('wp_print_styles', 'twentyseventeen_deregister_styles', 100);

function twentyseventeen_deregister_styles() {
wp_deregister_style( 'twentyseventeen-fonts' );}

Im oberen Beispiel ist das Theme TwentySeventeen genommen.

Google Fonts mithilfe von Plugins deaktivieren

Die wohl einfachste und meistgenutzte Art Google Fonts zu deaktivieren ist mithilfe von Plugins. Wir stellen Dir drei verschiedene Plugins vor.

Disable Google Fonts: Der Klassiker! Mit diesem Plugin wird die Deaktivierung der Google Fonts zum Kinderspiel. Wer nach „Einstellungen“ Ausschau hält sucht vergebens – nach der Aktvierung des Plugins werden sämtliche Google Fonts automatisch deaktiviert. Klingt doch super – einen Nachteil gibt es aber doch: Das Plugin zeigt seine Wirkung nur auf den Default Themes von WordPress (Twenty-Serie) und auf einigen kostenlosen Themes. Bei Premium-Themes und umfangreicheren kostenlosen Themes zeigt das Plugin Schwächen und funktioniert in vielen Fällen leider gar nicht. Sollte das bei Dir der Fall sein bearbeite Deine functions.php Datei.

Autoptimize: Was viele nicht wissen – dieses Plugin hilft nicht nur die Leistung Deiner Webseite zu verbessern, sondern deaktiviert auch Google Schriftarten. Auch dieses Plugin führt nicht immer zur idealen Lösung. Der Gedanke der Entwickler war es die Funktion zur Deaktivierung der Google Fonts lediglich auszuprobieren und dann weiter manuell zu bearbeiten bzw. zu überprüfen.

Clearfy: Dieses Plugin ähnelt sehr dem Autoptmize, ist nur weniger bekannt. Es dient in erster Linie ebenfalls der Verbesserung der Leistung. Dennoch ist es erstaunlich wie viele Google Fonts nach dem Einrichten des Plugins deaktiviert werden. Um jegliche Google Fonts abzudrehen verweisen wir auch hier wieder auf die manuelle Art.

Alternative zur Deaktivierung – GoogleFonts lokal laden

Wer übrigens die GoogleFonts lokal möchte kann dies über das Plugin OMGF tuen.

GoogleFonts lokal laden durch Plugin OMGF:

https://de.wordpress.org/plugins/host-webfonts-local/

Fazit zur Deaktivierung von Google Fonts

Unerfahrenen empfehlen wir soweit wie möglich auf die Variante mit den Plugins auszuweichen und die Finger vom Code zu lassen. Sollten Plugins nicht zum Ziel führen suche Dir einen Profi, der Dir die functions.php Datei richtig bearbeitet. Ein absolutes Muss ist es ohnehin nicht – mit der Deaktivierung bist Du aber vor allem Datenschutztechnisch auf der sicheren Seite. Wir hoffen Dir mit unserem Beitrag jedenfalls erklärt zu haben, wie Du Google Fonts auf Deiner Website richtig und sauber deaktivieren kannst.

Ein Kommentar

  1. Renate Blaes 13. November 2021

Hinterlasse eine Anmerkung