In diesem Artikel zeigen wir dir, wie du Elementor Font Awesome deaktivieren und stattdessen Google Fonts lokal einbinden kannst.
Google Fonts ist eine beeindruckende Sammlung von kostenlosen, lizenzfreien Schriftarten, die Webdesignern und Entwicklern zur Verfügung stehen. Diese Schriftarten bieten viele Vorteile, einschließlich einer großen Auswahl an modernen Designs und einer einfachen Implementierung auf deiner Website. Allerdings kann die direkte Einbindung von Google Fonts über die Google-API datenschutzrechtliche Risiken bergen. Diese lassen sich jedoch umgehen, wenn man diese Schriftarten lokal auf seiner Website einbindet.
Insbesondere für Nutzer des beliebten WordPress Page Builders Elementor ist dies von Bedeutung. Damit erhältst du nicht nur ein ansprechendes Design für dein Projekt, sondern sorgst gleichzeitig für Datenschutz und DSGVO-Konformität.
Wenn du visuelle Unterstützung benötigst, empfehlen wir dir unser Video anzuschauen:
Nestler Creation
Lass uns gemeinsam deinen Online-Auftritt zum Erfolg führen!
Elementor Font Awesome Deaktivieren und Google Fonts Lokal Einbinden
Schritt 1: Anmeldung in WordPress und Anpassung der Elementor-Einstellungen
Melden dich zunächst bei Ihrem WordPress-Konto an. Navigiere im linken Menü zur Option Elementor -> Einstellung. Suche hier nach dem Untermenü “Elementor” der erweiterten Einstellungen. Dort findest du die Optionen für “Google Fonts laden” und “Font Awesome laden”. Durch Deaktivierung dieser Optionen blockierst du die Nutzung von Google Fonts und Font Awesome auf deiner Website. Speichere die Änderungen.
Schritt 2: Überprüfung der Nutzung von Google Fonts
Um herauszufinden, ob Google Fonts auf deiner Website genutzt werden, öffne sie im Google Chrome Browser, klicke mit der rechten Maustaste und wähle “Untersuchen”. Unter “Sources” suche nach Einträgen wie “fonts.google.com” oder “fonts.gstatic.com”.
Schritt 3: Eigene Schriften in Elementor einfügen
Um eigene Schriften in Elementor einzufügen, gehe zu WordPress und öffne “Benutzerdefinierte Schriftarten” unter “Elementor” im linken Menü. Klicke auf “Add New” und gib die Bezeichnung der Schrift ein. Klicke dann auf “Add Font Variation”, um den Font hochzuladen. Wähle das Format deiner Schrift aus (z.B. TTF-File) und definiere den Schriftschnitt unter “Weight” und “Style”. Um weitere Schriftschnitte hinzuzufügen, wiederhole diesen Prozess für alle gewünschten Schriftvarianten. Nachdem du alle Schriften hinzugefügt hast, klicke auf den Button “Veröffentlichen”. Die Schriften können nun im Builder verwendet werden.
Durch das Deaktivieren von Elementor Font Awesome und das Hochladen eigener Schriftarten stellst du sicher, dass deine Website datenschutzkonform bleibt und mögliche Schadensersatzklagen vermieden werden.
Elementor Font Awesome deaktivieren mit Code
Um Font Awesome zu deaktivieren, kannst du den folgenden Code in Ihre functions.php Datei einfügen:
add_action( 'elementor/frontend/after_register_styles',function() {
foreach( [ 'solid', 'regular', 'brands' ] as $style ) {
wp_deregister_style( 'elementor-icons-fa-' . $style );
}
}, 20 );
Elementor Icons entfernen (eicons)
Das Entfernen der Standard Elementor Icons ist normalerweise nicht nach der DSGVO erforderlich. Dieser Schritt kann jedoch hilfreich sein, wenn die Icons nicht benötigt werden und zusätzliche Geschwindigkeit bei der Ladezeit Ihrer Webseite erzielt werden soll. Dazu fügen Sie den folgenden Code in Ihre functions.php Datei ein:
add_action( 'wp_enqueue_scripts', 'remove_default_stylesheet', 20 );
function remove_default_stylesheet() {
wp_deregister_style( 'elementor-icons' );
}
Fazit
Die korrekte Deaktivierung von Font Awesome in Elementor ist ein wichtiger Schritt zur Sicherstellung der DSGVO-Konformität Ihrer Webseite. Dieser Artikel zeigt, wie du diese Anpassungen in den WordPress-Einstellungen vornehmen und so potenzielle Abmahnungen vermeiden können. Falls du Fragen hast, wie man z.B. einen Ankerlink in Elementor setzt kannst du uns gerne kontaktieren. Wir bieten auch Website Beratung an.