wp-meister-logo

Google Fonts deaktivieren: reCaptcha beachten!

Google-Fonts
Du hast alles versucht, und trotzdem findet der Google Fonts Checker noch nachladende Schriften? In der Developer Console von Google Chrome werden auch noch Schriftarten geladen, namentlich "Roboto" in einer woff2-Variante?

Du hast alles versucht, und trotzdem findet der Google Fonts Checker noch nachladende Schriften? In der Developer Console von Google Chrome werden auch noch Schriftarten geladen, namentlich „Roboto“ in einer woff2-Variante?

Hintergrund: Was sind Google Fonts?

Google Fonts ist eine Bibliothek mit kostenlosen, quelloffenen Schriftfamilien, die auf Websites verwendet werden können. Das macht es für Webentwickler/innen einfacher, schöne Typografie zu erstellen, ohne dass sie ihre eigenen Schriftarten hosten müssen. Außerdem können sie das Aussehen einer Website ganz einfach ändern, ohne zusätzliche Software herunterladen oder installieren zu müssen. Wie bei jedem Dienst eines Drittanbieters gibt es jedoch potenzielle Auswirkungen, wenn es um die Einhaltung der DSGVO geht.

Tipp: Hier findest du ein Tutorial, wie du mit der Developer Console die nachladenden Schriften identifizierst

Es könnte sein, dass du das gleich Problem hast wie wir – eine Kundin hat uns darauf aufmerksam gemacht.

Vorweg: Das Problem ist behoben

Mittlerweile findet auch der sehr genaue Google Fonts Checker von sicher3.de keine nachladenden Schriften mehr, und das will etwas heißen.

Während mit dem Google Fonts Checker von Website-Bereinigung.de auch ganz gut und vor allem immer verfügbar ist, findet er nicht alle Fonts – z.B. keine nachladenden Fonts von iframes.

Die Lösung: reCaptcha deaktivieren

Wir verwenden gerne das Plugin OMGF zum deaktivieren aller Google Fonts auf Elementor-Websites. Dieses Plugin funktioniert bei dem Theme Enfold auch ganz gut, ist aber eingeschränkt nutzbar in der Basisversion. Um genauer herauszufinden, wo das Problem liegt, haben wir die PRO-Version in der Agenturlizenz besorgt, diese lieferte uns dann folgenden Output:

Google Fonts durch Recaptcha nachgeladen

Während die eingebetteten Youtube-Videos ohnehin durch unser Cookie Banner Complianz gesperrt wurden und keine Schriftarten laden konnten, war das Captcha von Google trotzdem die ganze Zeit aktiv. Das ist durchaus sinnvoll, denn es soll schließlich SPAM-Einträge verhindern. Dieses lädt aber wohl Schriftarten nach, und genau hier liegt das Problem.

Hier gibt es eine positive und eine negative Nachricht als Resümee:

  • positiv: Wir wissen nun, dass reCaptcha streng genommen gegen die DSGVO verstößt
  • negativ: Wir dürfen es jetzt nicht mehr verwenden, weil Schriftarten nachgeladen werden, die nicht automatisch blockierbar sind
  • neutral: Auch der Developer von OMGF hat bisher keine Lösung dafür und empfiehlt aktuell, keine iframes zu nutzen, die Google-Schriftarten nachladen

OMGF mit Enfold nutzen

Für alle anderen Schriften, die geladen werden obwohl sie in Enfold lokal eingebettet wurden (was übrigens nicht der Norm entspricht, meistens liegt hier bereits das Problem), kannst du folgenden Code verwenden, um das Plugin OMGF (Pro) mit dem Theme Enfold gemeinsam zu nutzen

function daan_dev_enqueue_google_fonts()
{
	wp_enqueue_style('daan-dev-google-fonts', 'https://fonts.googleapis.com/css?family=Poppins');
	/** 
	 *  Make sure you use a unique handle for every stylesheet you use and avoid generic words to not clash with your theme and/or plugins, 
	 *  e.g. daan-dev-google-fonts, daan-dev-google-fonts-2, daan-dev-google-fonts-3, etc.
	 */
	wp_enqueue_style('daan-dev-google-fonts-2', 'https://fonts.googleapis.com/css?family=Roboto');
}
add_action('wp_enqueue_scripts', 'daan_dev_enqueue_google_fonts');

Video: Enfold Schriftarten lokal einbetten

https://youtu.be/_5CiHrR-YLA
Share the Post:

Vielleicht interessieren Sie sich auch für folgende Themen

Bildkomprimierung

Bildkomprimierung für WordPress

Bildkomprimierung bedeutet, die Dateigröße eines Bildes zu verringern, ohne dabei signifikant an sichtbarer Qualität zu verlieren. Es gibt zwei Hauptarten der Komprimierung: verlustbehaftet und verlustfrei. Verlustbehaftete Komprimierung reduziert die Dateigröße stärker, kann aber die Bildqualität beeinträchtigen. Verlustfreie Komprimierung behält die ursprüngliche Bildqualität bei, bietet aber weniger Komprimierung. Die Rolle von Bildformaten Das Format deines Bildes spielt eine wesentliche Rolle bei der Komprimierung.

Read More

WooCommerce und Thrive Theme Builder

WooCommerce ist eines der beliebtesten E-Commerce-Plugins für WordPress, das es ermöglicht, Online-Shops einfach und effizient zu erstellen und zu verwalten. Der Thrive Theme Builder ist ein leistungsstarkes und vielseitiges Tool, das speziell für die Gestaltung von individuellen WordPress-Websites entwickelt wurde.

Read More