Tips & Tricks

Google Fonts in Google Maps verhindern in 2023

Wir haben eine relativ einfache Lösung gefunden, die es ermöglicht, Google Maps erstmals weiter ohne Google Fonts zu verwenden. Bitte Vorsicht mit der verwendung!
WordPress Tipps →

Google Fonts in Google Maps blockieren?

Aktueller Stand: 21.11.2023

Wichtig! Diese Methode Google Fonts in Google Maps zu blockieren funktioniert evtl. nur in der aktuellen Version von Google Maps [Stand: 21.11.2023]

Die folgende Lösung können Sie auf eigene Gefahr probieren. Bitte bedenken Sie, extern geladene Skripte, wie Google Maps, können deren Funktionen / Methoden anpassen, z.B. wie Fonts geladen werden. Also funktioniert diese Methode wirklich nur mit der aktuellen Version von Google Maps.

Wir empfehlen wegen der aktuellen Welle den umstieg auf alternative Maps-Systeme wie z.B. Open Street Map. Wir hoffen das Google eine DSGVO konforme Lösung entwickelt.

Problem:

Google Fonts dürfen nicht mehr über die Google Server geladen werden. Google Fonts müssen Lokal eingebunden sein. Momentan gibt es eine Abmahnwelle in Deutschland die sehr viele Websitebetreiber*innen betrifft. Die Abmahnkosten sind zwischen €150 und €250.

Lösung:

Das laden von Google Fonts kann in Google Maps momentan verhindert werden durch eine einfache JavaScript Lösung. Dieses Skript muss vor der Google Maps Skript eingebunden werden.

Das Skript finden Sie hier. Wir haben es selbst getestet, und es funktioniert super! Bitte testen Sie selbst ob diese Lösung für Sie funktioniert. Es gibt viele Wege wie Google Maps integriert werden kann, und wir haben nur ein paar Methoden selbst getestet.

Wichtig: Momentan lädt Google eine alternative Font (Google Sans Text), die auch über Google Fonts Servern geladen wird. Daher muss zusätzlich eine andere Font blockiert werden. Fügen Sie das hier zusätzlich ein um die alternative Google Font zu blockieren:

				
					//einfügen bei Zeile 14 --> https://jsfiddle.net/coma/7st6d9p2/

    //Google Sans Text blockieren
    if (newElement.href && newElement.href.indexOf('https://fonts.googleapis.com/css?family=Google+Sans+Text') === 0) {
        console.info('Google Fonts - Google Sans: laden verhindert!');
        return;
    }

				
			

Update: 2023

Diese Methode, um das Laden von Google Fonts in Google Maps zu verhindern, funktioniert immer noch (Test durchgeführt am: 21.11.2023). Wir haben einen aktuellen Test durchgeführt und können bestätigen, dass Google Fonts nicht mehr in Google Maps geladen wird mit diesem Skript.

Wichtig! Wir haben nur die Google Maps Javascript-Variante getestet. Wenn Google Maps anders eingebunden wird, müssen Sie selbst einen Test durchführen, ob Google Fonts tatsächlich nicht mehr geladen wird. Wir können auf Anfrage auch einen Test durchführen oder Ihnen helfen Google Maps ohne Google Fonts einzubinden.

Kann Google Fonts in Google Maps iframe verhindert werden?

Das Blockieren von Google Fonts im Google Maps iframe-Embed-Code ist nicht möglich, weil der iframe-Code eine „Black-Box“ darstellt, die direkt von Google bereitgestellt wird. Dies bedeutet, dass der Inhalt und die Ressourcen, die innerhalb des iframes geladen werden, einschließlich der Google Fonts, von Google kontrolliert und verwaltet werden.

Wenn Sie einen iframe in Ihre Webseite einbetten, haben Sie keinen direkten Zugriff auf dessen interne Skripte oder Stylesheets, um Änderungen vorzunehmen oder bestimmte Elemente wie die Google Fonts zu blockieren. Dies liegt daran, dass iframes als separate, unabhängige Dokumente innerhalb Ihrer Seite fungieren, wodurch der Einfluss des Hauptdokuments auf den Inhalt des iframes begrenzt ist.

Google Maps ohne iframe und Google Fonts einbetten?

Es ist durchaus möglich, Google Maps ohne das Laden von Google Fonts zu nutzen, indem man auf die JavaScript-API von Google Maps statt auf den herkömmlichen iframe-Embed-Code zurückgreift. Diese Methode bietet eine größere Flexibilität und Kontrolle über die Kartenfunktionen und -darstellung, einschließlich der Schriftarten.

Wir haben die Expertise, diese JavaScript-basierte Integration von Google Maps in Ihre Website zu implementieren, unabhängig davon, welches Content Management System Sie verwenden. Wir können eine maßgeschneiderte Lösung für Sie entwickeln, die Ihren spezifischen Anforderungen entspricht und gleichzeitig die Verwendung von Google Fonts umgeht, um eine optimale Nutzererfahrung und Leistung zu gewährleisten.

Falls Sie WordPress verwenden, empfehlen wir folgende Tips & Tricks für Sie: Google Fonts lokal einbinden.

Bei Hilfe und Fragen stehen wir Ihnen natürlich gerne zur Verfügung.

WordPress Tipps & tricks

Weitere WordPress Anleitungen