Google Fonts lokal bei WordPress einbinden [3 Methoden]

[@johnhkshin]

So cool. Ich habe nämlich auch ein Anwaltsschreiben gestern bekommen. So ärgerlich. Vielen Dank.

[@webgeneral]

Oh Mann… Aus Berlin, 170,-€ ?

[@johnhkshin]

@@webgeneral Ja genau. Wieso machen die Anwälte so etwas? Unglaublich.

[@webgeneral]

Naja, ich gehe davon aus, dass ein Bot verwendet wird, der tausende von Websites crawlt und auf‘s dynamische Einbinden der Google Fonts checkt. Wenn dann 20K Abmahnungen rausgehen und jeder Zweite die 170,-€ bezahlt, sind das mal eben 1,7 Mio Umsatz!

[@johnhkshin]

@@webgeneral Ein Musterschreiben vom Web runtergeladen. Ich werde es per einschreiben einschicken.

[@kirstenanders8631]

Sehr anschaulich und leicht verständlich erklärt und gezeigt!

[@webgeneral]

Hallo Kirsten, vielen Dank für das positive Feedback!

[@andreasdilly9316]

1A Video! Kurz effizient & kompetent erklärt und gezeigt! Absolut empfehlenswert. Thx!

[@webgeneral]

Vielen Dank für dein positives Feedback, wird immer sehr zu schätzen gewusst!

[@hennesschoening]

Wow, top Lösung, vielen Dank GS

[@webgeneral]

Danke für dein Feedback und viel Erfolg!

[@patrickhohenbichler5697]

vielen Dank für die ausführliche Erklärung - habe die Google Fonts mit dem kostenlosen Plugin von Everpress "Local Google Fonts" am Server abgespeichert, dauert keine 2 Minuten. Top!

[@webgeneral]

Vielen Dank für den guten Tipp!

[@joefeetsao]

Toll das du die videos machst. Sehr informativ

[@webgeneral]

Besten Dank!

[@sigridgorke8470]

Super, vielen Dank für die sehr gute Erklärung. Hat mir sehr geholfen.👍👌

[@webgeneral]

Das freut mich, besten Dank für dein Feedback!

[@49Grad]

Sehr gut erklärt. Danke für die schnelle Hilfe!

[@webgeneral]

Besten Dank Nick, viel Erfolg!

[@luismiguelgomezbatista6522]

Danke vielmals für dien Video, bravo, es hat mir sehr geholfen. Mach weiter so 👌👌

[@webgeneral]

Das freut mich! Besten Dank für dein Feedback!

[@HerrPredator]

Danke für dein Video. Es hat mir sehr geholfen. TOP !!!

[@webgeneral]

Freut mich das zu hören!

[@redmaskart2023]

Danke! Haben wir zu 100% so gemacht. 🙏

[@webgeneral]

Freut mich wenns läuft! ✌

[@jeremykoch3148]

Gute Erklärung, vielen Dank!

[@webgeneral]

✌

[@svenk7841]

Vielen Dank! Das habe ich gesucht

[@webgeneral]

Das freut mich! Danke für deinen Kommentar

[@mehdiseyedabadi5553]

Vielen Dank für den Tipp

[@webgeneral]

✌️

[@goodplacefinderListingapp]

bester man danke schön

[@webgeneral]

Gerne, gerne! Vielen Dank

[@martinkaspar5095]

Excellent 👌👌 ... love to see more vids - eg. one that covers the new version 6.1 that arrives next week

[@webgeneral]

Servus Martin! Das 6.1 Video ist schon in Planung!

[@martinkaspar5095]

@@webgeneral super - ich freue mich sehr!! Dir ein schönes Wochenende - VG

[@webgeneral]

@@martinkaspar5095 Ebenso Martin!

[@ichhabdamalnefrage3942]

Ich habe drei Themes gekauft, die ich verwende. Erste Themes speichert Fonts automatisch und nur lokal. Zweites Themes: Dem Entwickler ist das Problem bekannt und hat für sein Themes ein Plugin entwickelt. Das funktioniert aber nicht für Elementor, sondern nur für Bestandteile des Themes. Drittes Themes ist WP Astra. Da kann man Fonts lokal speichern, aber es werden weiterhin IP-Adressen an Google übermittelt. Das OMGF Plugin (sieht nun anders aus!) funktioniert echt gut!

[@webgeneral]

Vielen Dank für die Infos!

[@DummOnline]

Moin, wo genau hast du den Fonts Ordner in deiner Baumstruktur abgelegt? Bei mir werden Google Fonts weiterhin geladen.

[@webgeneral]

Moin Daniel! Der Ordner liegt direkt im Root-Folder (deine-website/fonts). Wenn das CSS richtig eingefügt wurde, muss im 2. Schritt nur noch das dynamische Einbinden vom Google Server unterbunden werden... Das klappt z.B. mit dem Autoptimize Plugin, wie im Video beschrieben. Beste Grüße!

[@dorishauer5995]

Habe das plugin omgf jetzt installiert und aktiviert. Finde aber unter einstellungen keinen reiter sources?!

[@webgeneral]

Hallo Doris, nachdem das OMGF Plugin aktiv ist, gehst du einfach so vor, wie ab 7:00 im Video beschrieben. Den Reiter 'Sources' findest du in den Google DevTools des Chrome Browsers, Beispiel ab 2:01. Beste Grüße

[@christiankrausche6265]

Ja, auch ich möchte mich für das tolle Video und die Erklärung bedanken. Ich habe damit bei einigen Webseiten das Problem gelöst, aber bei einigen wiederum nicht. Bei einer dieser Problemseiten habe ich alle drei Varianten versucht, aber ohne Erfolg. Es erscheint immer noch eine Schriftart.(Sources) Ich bin mir aber ziemlich sicher, dass diese Schriftart auf dieser Seite nicht aktive ist! Bei den anderen Problemseiten ist es ähnlich und, es sind unterschiedliche Themes. Habe auch wie Patrick empfohlen hat das Plugin “Local Google Fonts „ installiert. Und hier wird angezeigt „Du hast aktuell keine Google Fonts auf deiner Website in Benutzung. „ Frage, wo könnte ich den Fehler suchen?

[@webgeneral]

Hi Christian. Ich vermute, dass du auf den betroffenen Webseiten Plugins installiert hast, die Google Webfonts automatisch einbinden. Ich habe das Problem mal mit Contact Form 7 reproduziert, das über die Integrierung von Google recaptcha die Google Fonts einbindet. In so einem Fall gibt es nur eine Lösung, Alternativen finden. 1. Alle plugins deaktivieren, nacheinander aktivieren und die Webseite jeweils auf die Fonts testen. 2. Den, oder die Übeltäter runterschmeißen und ersetzten. -Google recaptcha kann z.B. durch andere OpenSource-Lösungen, wie Honeypot ersetzt werden. - Kadence und Astra bieten bspw. in ihren Pro Versionen eine eigene recaptcha Brücke an. Ein eigenen Formularblock gibts dazu mit Spectra und Kadence Blocks. Beste Grüße und gutes Gelingen!

[@MatthiasBertsch]

Vielen Dank, hab etliche Wordpress, und die Plugin Lösung wirkt für mich am besten, um nicht mit Code hantieren zu müssen. (Die liegen in verschiedenen Ordnern, müsste fonts an unterschiedliche Ordner kopieren, oder Pfade anpassen..) Was spricht gegen die Plugin Lösung ? Deine Erläuterungen sind aber echt hilfreich. Danke

[@webgeneral]

Hallo Matthias, erstmal vielen Dank für deinen Kommentar! ... Ich persönliche versuche auf die Installation von Plugins weitestgehend zu verzichten, weil: - Plugins sich negativ auf die Performance auswirken - Nach Updates im Konflikt zueinander stehen können - Ein potentielles Sicherheitsrisiko darstellen Ich kann jedoch vollkommen verstehen, dass nicht jeder mit Code hantieren möchte und ein schlankes Plugin wie OMGF, wird auch die Performance nicht nennenswert nach unten ziehen. Beste Grüße und viel Erfolg!

[@MatthiasBertsch]

@@webgeneral danke, gut nachvollziehbare Antwort, wenn man das know how hat.

[@webgeneral]

Vollkommen richtig, daher versuche ich hier auf dem Kanal mit verschiedenen Lösungsvorschlägen immer alle abzuholen. ✌️

[@rossyy94]

Was ist wenn man Visual composer nutzt. Tut VC sich selbst seine Fonts laden ?

[@webgeneral]

Grüß dich! Ja, aber seit WP Bakery Version 1.7.6.6. müsste es in den Einstellungen die Möglichkeit geben die Google Fonts zu blockieren. Beste Grüße

[@SpeakerForTheAnimals]

Vielen Dank! Ich habe Autoptimize installiert und Google Fonts gelöscht, nachdem ich alles andere ausprobiert habe und trotzdem bleibt Roboto drauf... ??? Haben Sie noch eine Idee wo ich sie finden und löschen kann? Ich bin total verzweifelt. Ich bin übrigens bei divi, also das mit dem 'Google Fonts lokal einbinden' Reiter gibt's nicht unter Typography oder sonst wo im Customizer. k.A. ...

[@webgeneral]

Hallo! Bei Divi können die Google Fonts in den Theme Einstellungen deaktiviert werden. "Google-Schriftarten verwenden" deaktivieren. Das lokale Einbinden der Fonts würde ich manuell machen, wie zu Beginn des Videos beschrieben. Soweit ich weiß, gibt es dafür auch ein Plugin für Divi, das ist jedoch kostenpflichtig... In einigen Fällen sind auch Plugins, wie Contact Form 7, für das Einbinden der Google Fonts verantwortlich, das wurde hier in den Kommentaren auch schon öfter mal besprochen. Lass uns gerne wissen, wie du das Problem gelöst hast. Beste Grüße und viel Erfolg!

[@SpeakerForTheAnimals]

@@webgeneral -- danke schön! Dann schaue ich nach den Plugins. Ich nutze Contact Form 7 nicht aber andere natürlich, denn ich habe alles andere, was du besprochen hast, gemacht und getan... Ich wendete mich auch gestern Abend and den Divi Support und sie sind auch dabei. Das ganze hier macht mir soviel Angst, denn es sollte auch einen Betreiberschutz geben, nicht sofortige Geldstrafe, erst eine Warnung und innerhalb eines Monats, wenn es immer noch nicht richtig ist, DANN erst zum Beutel bitten, nicht umgekehrt... Das ist echt unmenschlich, denn sie greifen nur die kl. Gewerbe an... :( Vielen lieben Dank für deine Hilfe!

[@webgeneral]

@@SpeakerForTheAnimals Wenn du mich fragst, handelt es sich bei diesen Abmahnungen um einen riesigen Scam, mit dem innerhalb kürzester Zeit Millionen gemacht werden. Ich verfolge aktuell 6 Fälle aus den vergangenen drei Monaten. Die selbe Kanzlei aus Berlin und natürlich auch der selbe Mandant. Keiner der 6 Betroffenen hat die 170,- bezahlt und ich würde es auch nicht tun. Evtl. werde ich mal'n Video dazu machen und entsprechende Updates folgen lassen... Beste Grüße

[@SpeakerForTheAnimals]

​@@webgeneral -- ein Video dazu wäre sehr schön, danke im Voraus. Ich würde es auch hoffen, dass das so ist. 🙏 Ich habe übrigens nichts in meinen Plugins gefunden aber bin noch mit dem Divi Support zu Gange. Irgendwo steckt diese Schriftart noch und wenn ich es finde, dann melde mich wieder... Ich habe aber durch die Untersuchung zumindest jetzt auch den reCaptcha von Google für alle 3 Webseiten ausgeschaltet, das war auch auf meiner Liste. 😔Dafür muss ich eine andere vernünftige Anti-Spam Lösung finden, denn ich werde keinen Mensch dazu zwingen, Mathe zu machen! 🤣😂 Ich schaue jetzt auf deiner Website an, denn ich bin fast soweit, dass ich solche Sachen jetzt outsourcen möchte... Das alles hier bietest du selber als Dienstleistung an, oder?

[@webgeneral]

@@SpeakerForTheAnimals ...Zum Thema reCAPTCHA Alternative habe ich erst kürzlich ein Video gemacht: kzbin.info/www/bejne/iKa6lJqZopWIaaM Als Dienstleistung biete ich eigentlich nur das Erstellen von Websites an, aber du kannst mir gern eine Email mit deinem Anliegen senden und dann sehe ich mir das mal an. Beste Grüße

[@xaflinte1424]

Bei mit sind die Google Fonts leider noch auf den Unterseiten gespeichert unter Iframs, wie kann ich das entfernen?

[@webgeneral]

Hi, grüß dich! Hast du eigenen Inhalt von einer Subdomain per iFrame eingebunden, oder geht es um externe Dienste w.z.B. reCAPTCHA oder Google Maps?

[@xaflinte1424]

@@webgeneral Hi! Sry meinte, wenn ich im inkognito Modus bin und dann nach schaue steht bei mir im iFrame responsive die Google Fonts drin. Ist das normal oder muss das unbedingt weg?

[@webgeneral]

@@xaflinte1424 Das klingt als würden die Google Fonts via iFrame dynamisch eingebunden... Also Quelle lokalisieren und den Übeltäter ersetzen, bzw. hinter nem Cookie Banner verstecken. Zu dem Thema hatte ich nochmal dieses Video aufgenommen: kzbin.info/www/bejne/iKa6lJqZopWIaaM Viel Erfolg!

[@kathiziegler4945]

Aber... Google Analytics wird dir dort auch angezeigt und das hat das gleiche Problem...Daten nach USA übertragen.

[@webgeneral]

Hi Kathi, das ist vollkommen richtig. Mit GA ist das Ganze sogar noch etwas komplexer. Auf meinen Seiten ist GA nur nach dem Opt in im Cookie Consent aktiv. Eine entsprechende Klausel zur Datenverarbeitung findet man in der Datenschutzerklärung. Beste Grüße!

[@maximwepl4508]

Wo finde ich den root Ordner von wordpress? Wieso sollte einer auf meinem Server abliegen? EDIT: Ich habs über das von dir erwähnte Plugin gelöst, ging wesentlich bequemer.

[@webgeneral]

Servus Maxim! Der Root Folder ist das Stammverzeichnis, in dem sich die Dateien deiner WP Installation befinden. Dieser Ordner trägt den Namen, der bei der Installation vergeben wurde. Für gewöhnich ist das der Name der Website. Zugriff erhälst du via FTP, bei bestimmten Webhostern mit cPanel oder mit dem File Manager Plugin. Wenn du den Ordner öffnest, solltest du folgende Dateien vorfinden: - wp-admin - wp-content - wp-includes Ich hoffe ich konnte dir weiterhelfen Beste Grüße!

[@meike7377]

Bei mir geht das nicht mit dem omgf Plugin. Sind immer noch drin die Google Fonts :( irgendwie als Litespeed.css Datei obwohl ich dachte es liegt an meinem Theme…

[@webgeneral]

Hi Meike, Nutzt du das LiteSpeed Cache Plugin und hast CSS Optimierungen aktiviert?

[@meike7377]

@@webgeneral das Cache ja, das andere nicht. Oder meinst du innerhalb des Plugins eine Einstellung für die CSS Optimierungen?

[@webgeneral]

@@meike7377 Genau, wenn du dieses Plugin installiert hast: wordpress.org/plugins/litespeed-cache/ Dann lässt dich dein Problem vermutlich mit einigen Einstellungen beheben.

[@meike7377]

@@webgeneral ja das hab ich aber auch nur wegen dem Object Cache. Ich schau mal ob ich was finde. Danke Dir, daran hab ich nicht gedacht. Und wegen der CSS Datei bringt wohl auch das Omgf Plugin nichts?

[@webgeneral]

@@meike7377 Nein, ich würde bei den LS Cache Settings unter Page Optimizations -> CSS Settings alle Optimierungen deaktivieren und dann checken, ob immer noch Anfragen an den Google Server rausgehen. Außerdem in den HTML Settings -> Load Google Fonts Asynchronously = OFF und Remove Google Fonts = ON schalten. kzbin.info/www/bejne/qnXGh5WVndZ_Y9E

[@johannes1080]

Kleine Ergänzung zu OMGF und Divi: Sofern man nicht die Proversion vom OMGF kauft, muß man dann bei geöffnetem OMGF bei Divi alle Seiten einzeln anklicken, denn sonst kann es passieren, daß nicht alle Fonts im OMGF erscheinen und lokal geladen werden. In meinem Fall hatte ich sogar die Fonts 3x da. Einmal vom Theme, einmal vom Pagebuilder, und dann noch von einem Plugin. Ich frage mich immer noch, wie man das mehrfache Laden in dem Fall verhindern kann, aber da müßte man dann wohl im Quelltext herumwühlen und mit der unqueue-Funktion u. verteilten Stylesheets und Childthemes herumhakeln. Ich hab die Fonts halt mehrfach belassen. Und das zweite was wichtig war: ich durfte in Divi die Google Fonts (Schiebeschalter in den Themeoptionen) NICHT deaktivieren. Kommt mir eh immer noch komisch vor, muß ich den Entwickler noch fragen.

[@webgeneral]

Gute Idee. Für Divi gab es mal ein kostenpflichtiges Drittanbieter-Plugin zum lokalen Einbinden der Google Fonts. Möglicherweise hat Elegantthemes inzwischen eine etwas elegantere Lösung dafür.

[@Omg-vi7bm]

Die Geschichte ist echt ätzend. „Oh mein Gott, Google kann protokollieren welcher Font von welcher öffentlichen IP-Adresse geladen wurde.“. Na und? Der Vorteil von einheitlich bereitgestellten und per CDN ausgelieferten Fonts wiegt weitaus mehr. Mal ganz abgesehen davon das es nicht so einfach ist wie hier beschrieben, zumindestens wenn man auf ein zusätzliches Plugin verzichten möchte. Warum? Na weil Plugins/Themes ebenfalls öffentliche Dienste einbinden. Zum Beispiel nutzt contact Form 7 recaptcha und recaptcha lädt Google fonts. Einzige Möglichkeit die ich hier auf die Schnelle gesehen hab war es recaptcha abzuschalten, was wiederum mehr Spam bedeutet. 😤 I just love it

[@webgeneral]

Moin, das Einbinden von Google Fonts durch Plugins von Drittanbietern ist ein wichtiger Punkt. Aus dem Grund würde ich mich für ein WP-Theme entscheiden, das die Notwendigkeit dieser Plugins minimiert. Astra + Spectra wäre ein Beispiel dafür, da ist der Formular-Block mit an Board. Kadence + Kadence Blocks hat ebenfalls einen Formular-Block im Gepäck. Hier gibts im Full Bundle sogar ein eigenes Recaptcha-Plugin. Im Zweifelsfall würde ich Google recaptcha durch andere OpenSource-Lösungen, wzB Honeypot ersetzen. Beste Grüße

[@webgeneral]

Contact Form 7 / reCAPTCHA Lösung: kzbin.info/www/bejne/iKa6lJqZopWIaaM

[@antosimic8323]

Heute ist mir so eine Abmahnung ins geflattert Brauche Eure Hilfe 😨

[@webgeneral]

Wegen Google Fonts? …Oder aus nem anderen Grund?

[@antosimic8323]

@@webgeneral Hallo Ja wegen Google Fonts Habe meine Webseite bei Homepage Baukasten erstellt weiß nicht wird die Google Fonds entfernen oder ersetze kann Abmahnung hat ein Privater per Email gesendet jetzt soll ich so ein Erklärung unterzeichnet zurücksenden sonst wird er Rechtlich vorgehen

[@webgeneral]

@@antosimic8323 Ärgerlich! ... Ich würde mir vom Support des CMS das du nutzt, eine Anleitung zum lokalen Einbinden der Google Fonts einholen. Im Zweifelsfall die Google Fonts durch andere Web Fonts ersetzen. Was das rechtliche betrifft, kann und darf ich dir leider keine Ratschläge geben. Beste Grüße!

[@Ragefist]

Du klingst ein klein wenig wie Andreas Fröhlich.

[@webgeneral]

Haha, besten Dank, aber Andreas klingt schon deutlich cooler als ich ... :D

[@marioraetzel]

@@webgeneral das Mikrofon spielt da auch eine Rolle. Jedenfalls tolles Video

[@webgeneral]

@@marioraetzel Danke, danke!

[@duchi07]

Alles ausprobiert. Kein Erfolg..

[@webgeneral]

Hallo Wolfgang! Wo genau liegt das Problem, evtl. können wir dir helfen... Beste Grüße

[@duchi07]

@@webgeneral Es liegt an einem Plugin. Das sorgt dafür, das weiter nach Amerika gesendet wird. WP Cost Estimation & Payment Forms Builder. Wenn ich dieses Plugin deaktiviere, funktioniert die Unterbindung, das Kontakt zum Googleserver aufhenommen wird.

[@webgeneral]

@@duchi07 Ich verstehe. Das genannte Plugin kenne ich leider nicht, aber wenn WP-Plugins die Google Fonts einbinden, hilft in den meisten Fällen nur der Tausch gegen ein alternativen Service.

[@duchi07]

@@webgeneral Das habe ich mir auch schon gedacht. Schade um das Plugin und das Geld, welches ich dafür bezahlt hatte. Was soll's, kommt wieder Contact Form 7 drauf. Ist auch viel schlanker.. 😏

[@webgeneral]

@@duchi07 Achtung, Contact Form 7 bindet die Google Fonts über die reCAPTCHA Integration ein... Dazu habe ich kürzlich ein Video gemacht: kzbin.info/www/bejne/iKa6lJqZopWIaaM

[@streetkillaz77]

Bei mir hilft autoptimize leider nicht. Google fonts wird immernoch angezeigt. ist das vorgehen bei Woocommerce anders?

[@webgeneral]

Hi, versuch's mal mit diesem Plugin und gib bitte kurzes Feedback ob es funktioniert: wordpress.org/plugins/disable-remove-google-fonts/

[@streetkillaz77]

@@webgeneral Leider nicht erfolgreich. Ich glaube mittlerweile es liegt am Theme selbst. Leider finde ich dazu im Netz nichts.

[@webgeneral]

@@streetkillaz77 Welches Theme nutzt du denn?

[@streetkillaz77]

@@webgeneral Benutze das Botiga Theme von Athemes

[@webgeneral]

@@streetkillaz77 Ich hab ein Codeschnippsel für dich vorbereitet, versuchs mal damit: pastebin.com/bBT6AuQT 1. Erstelle ein Backup deiner Website. (dazu hab ich ein Video) 2. Kopiere den Code und füge ihn in die functions.php Datei deines Child Themes ein. (Zum Erstellen eines Child Themes hab ich auch ein Video) Sofern dein Theme die Verbindung zum Google Server über o.g. Datei herstellt, wird es klappen. Bitte kurzes Feedback ob's funzt