Google Fonts in Wordpress beseitigen

02.08.2022

Google Fonts führen seit einiger Zeit zu etlichen Abmahnungen und Zahlungen, weshalb es immer wichtiger wird diese so schnell wie möglich von der Website zu entfernen.

Hier gibt es ein paar Tipps, wie du Google Fonts aus einigen bekannten Plugins und Themes entfernen kannst.

DSGVO konform bleiben - Goodbye Google Fonts

Google Fonts können nach wie vor verwendet werden, sie dürfen aber nicht vom Google Server geladen werden, da durch den Aufruf der Assets verschiedene Daten der Nutzer*innen übertragen werden, die von Google für interne Zwecke weiterverarbeit werden, was wiederum nicht DSGVO konform ist. Darum müssen die Schriften auf dem eigenen Server oder auf einem CDN gehostet werden.

Google Webfont Helper

Mit Hilfe des Google Webfonts Helper können die gewünschten Google Fonts herunterladen und das CSS für die Einbindung der Fonts kopiert werden. Die Font-Files sowie das CSS können anschließend direkt auf den eigenen Server hochgeladen werden.

Damit ist es meist nicht getan, weil vor allem bei Wordpress viele Plugins und Themes Google Fonts verwenden. Bei manchen Plugins gibt es die Möglichkeit zur Deaktivierung der Fonts, diese kann aber machmal schwer zu finden sein. Bei anderen Plugins muss die Einbindung der Fonts mit Hilfe von Code-Snippets deaktiviert werden. Für ein paar gängige Plugins stellen wir hier eine Anleitung zur Verfügung, wie Google Fonts deaktiviert werden können.


Elementor

Elementor bindet Google Fonts ein sobald  diese im Elementor bei den Typografieeinstellungen ausgewählt werden. Mit folgendem Code-Snippet, das in die functions.php im aktiven Theme eingefügt wird, kann die Einbindung verhindert werden:

//Elementor - disable Google Fonts
add_filter( 'elementor/frontend/print_google_fonts', 'return_false' );
add_filter( 'elementor/fonts/additional_fonts', 'return_false' );

Damit die Google Fonts aber nach wie vor angezeigt werden, müssen diese vorher manuell eingebunden werden!


Popup Maker

In den Einstellungen des Plugins "Popup Maker" können die Google Fonts deaktiviert werden.

Gehe dazu in "Einstellungen" -> "Verschiedenes" -> "Anlagen" und setzte ein Häcken bei "Google-Fonts nicht laden".


MailPoet

MailPoet bindet Google Fonts mit dem Anmeldeformular ein.

Mit folgendem Code-Schnippsel, das in die functions.php des aktuellen eingebunden wird, kann man das Laden der Schriften verhindern:

add_filter('mailpoet_display_custom_fonts', function () {return false;});

 


Slider Revolution

Unter dem Punkt "Slider Revolution" gehe oben auf den Menüpunkt "Globals".
Dort gibt es einen Bereich für "Fonts". Bei "Enable Google Fonts download" aus der Liste "Cache Fonts Local" auswählen. Anschließend noch "Update Preload Fonts" klicken und die Einstellungen speichern.

Solltest du ein Caching Plugin installiert haben, nochmal den gesamten Seiten Cache löschen.

 


Avada Theme

Unter "Avada" -> "Optionen" ->"Datenschutz" findest du den Punkt "Google & Font Awesome Schriftarten Modus". Hier von "CDN" auf "Lokal" umstellen.


Einsatz des Plugins Autoptimize

Das Plugin "Autoptimize" bietet die Möglichkeit Google Fonts zu blockieren. Dies funktioniert allerdings nur bedingt, so werden zB die Google Fonts aus Elementor nicht blockiert.

Um das Laden der Schrift zu blockieren, gehe unter "Einstellungen" -> "Autoptimize" -> "Extras" und wähle beim Bereich Google Fonts den Radio Button "Google Fonts entfernen".


Manuelles Entfernen aus dem Theme

Wenn das verwendete Theme Google Fonts einbindet und es keine Möglichkeit gibt die Fonts im Wordpress Backend zu deaktivieren, so muss manuell eingegriffen werden.

Am besten lädt man das Theme herunter und durchsucht alle Files nach bestimmten Keywords, zB fonts.googleapis.com.

Die Fonts werden dann zB so eingebunden, die Art der Einbindung kann jedoch abweichen:

wp_register_style('theme-google-fonts', 'https://fonts.googleapis.com/css2?family=Public+Sans:wght@200;500;600&display=swap');

Solche Einbindungen können deaktiviert werden, indem in einem Child Theme in der functions.php folgender Code hinzufügt wird:

function mytheme_remove_google_fonts() {
    wp_dequeue_style('theme-google-fonts');
    wp_deregister_style('theme-google-fonts');
}

add_action('wp_enqueue_scripts', 'mytheme_remove_google_fonts', 100);


Verwendung von Google ReCaptcha

Vorsicht ist auch bei der Verwendung von Google ReCaptcha geboten, das bei Formular-Plugins gerne verwendet wird. ReCaptcha bindet einerseits Google Fonts ein und lädt andererseits selbst auch Daten von Google (und schickt welche zurück). Darum sollte Google ReCaptcha generell vermieden werden.

Dieses Projekt wird gefördert durch die aws, aus Mitteln der Nationalstiftung für Forschung, Technologie und Entwicklung.

Logo AWS Logo Bundesministerium Digitalisierung und Wirtschaftsstandort