{"id":2105,"date":"2023-01-04T12:06:36","date_gmt":"2023-01-04T11:06:36","guid":{"rendered":"https:\/\/www.webmen.de\/blog\/?p=2105"},"modified":"2024-01-26T12:35:18","modified_gmt":"2024-01-26T11:35:18","slug":"google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins","status":"publish","type":"post","link":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/","title":{"rendered":"Google Fonts lokal einbinden in WordPress \u2013 einfach &#038; schnell mit Plugins"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Falls das Thema Google Fonts dir noch nicht so viel sagt, hier eine kleine Einordnung:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Google Fonts sind eine Sammlung von Schriften (sog. Fonts), die von Google kostenlos zur Verf\u00fcgung gestellt werden, um Schriften im Web darstellen zu k\u00f6nnen. Google Fonts sind im Web sehr verbreitet. Fast jede Website nutzt diese Fonts, da nur wenige Websitebetreiber lizenzpflichtige Schriften verwenden. F\u00fcr nahezu jede monet\u00e4re Schrift gibt es bei Google ein kostenloses Pendant. Super, oder? <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Und woher kommt jetzt diese Abmahnwelle? <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Grunds\u00e4tzlich spricht \u00fcberhaupt nichts dagegen f\u00fcr seine Website Google Fonts zu nutzen \u2013 man muss sie nur datenschutzkonform einbinden und hier liegt das Problem:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In der Regel werden die Fonts nicht nur von Google zur Verf\u00fcgung gestellt, sondern auch \u00fcber den Google Server in Webseiten und Software eingebunden. Es besteht zwar auch die M\u00f6glichkeit, die Google Fonts herunterzuladen und lokal (direkt und ohne Google Server) einzubinden, dies wird jedoch h\u00e4ufig nicht gemacht. Die Integration direkt \u00fcber Google ist deutlich schneller und die Website Performance besser, weil weniger Dateien ausgetauscht werden m\u00fcssen. Am Ende sieht der Website-Besucher keinen optischen Unterschied, wie die Fonts eingebunden wurden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Warum sind nicht lokal eingebundene Google Fonts ein Problem?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Sind die Google Fonts nicht lokal eingebunden, werden sie \u00fcber den Google Server abgerufen. Dabei wird die dynamische IP-Adresse des Nutzers an Google \u00fcbermittelt. So einer \u00dcbermittlung muss aber gem\u00e4\u00df DSGVO aktiv vorher zugestimmt werden. Und hier haben wir den Salat: Wie soll eine Zustimmung erfolgen, wenn die Website bereits f\u00fcr die Erteilung dieser besagten Zustimmung aufgerufen werden muss? Eine unerlaubte Verbindung zum Google wird bereits zu diesem Zeitpunkt hergestellt. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ist meine Website betroffen? <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Sehr wahrscheinlich ja. Denn aufgrund der weiten Verbreitung von Google Fonts ist fast jeder Nutzer bzw. Webseitenbetreiber betroffen. Standardm\u00e4\u00dfig sind in Themes und WordPress-Installationen Google Fonts vorinstalliert. Aber auch \u00fcber eingebundene Plugins k\u00f6nnen Google-Schriften geladen werden. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wie kann ich \u00fcberpr\u00fcfen, ob meine Website Fonts \u00fcber den Google Server l\u00e4dt?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u00dcberpr\u00fcfung per Fonts-Checker <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Der schnellste Weg dies herauszufinden besteht darin, seine Website \u00fcber den folgenden Link kostenlos auf Google Fonts pr\u00fcfen zu lassen: <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/sicher3.de\/google-fonts-checker\/\" target=\"_blank\" rel=\"noreferrer noopener\">Zum Google Fonts Checker<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Achtung: Das Tool \u00fcberpr\u00fcft nur die eine hinterlegte Seite. Um wirklich sicher zu sein, musst du jede Seite (Unterseite) einzeln \u00fcberpr\u00fcfen. Vergiss nicht Seiten wo z.B. Kontaktformulare, Google Maps oder Videos eingebunden sind. Auch Seiten mit iFrames, die nicht von Google zur Verf\u00fcgung gestellt werden, solltest du unbedingt pr\u00fcfen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Google Fonts \u00fcberpr\u00fcfen \u00fcber die Entwicklertools <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Eine weitere M\u00f6glichkeit ist die \u00dcberpr\u00fcfung der Fonts mittels Entwicklertools (hier am Beispiel vom Chrome Browser)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>So gelangst du zu den Entwicklertools:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Es gibt drei M\u00f6glichkeiten, die Entwicklertools zu \u00f6ffnen:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Klicke mit der rechten Maustaste auf eine Seite und w\u00e4hle \u201eElement untersuchen\u201c aus.<\/li>\n\n\n\n<li>W\u00e4hle&nbsp;<strong>Anzeigen &gt; Entwickler &gt; Entwicklertools<\/strong>&nbsp;aus.<\/li>\n\n\n\n<li>Verwende die Tastenkombination \u201eAlt&nbsp;+&nbsp;Befehlstaste&nbsp;+&nbsp;I\u201c.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">In den Entwicklertools klickst du nun auf den Reiter \u201e<strong>Netzwerk<\/strong>&#8222;. Aktualisiere deine Website, damit du siehst, was alles geladen wird. In der oberen Leiste aktivierst du den Filter \u201eFonts\u201c. Jetzt zeigt dir Chrome alle Schriftarten an, die geladen werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du mit der Maus \u00fcber die Schrift f\u00e4hrst, siehst du den Pfad der Schrift. Dieser Pfad sollte deine Website sein und nicht Google \ud83d\ude09 <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"310\" src=\"https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2022\/10\/Bildschirmfoto-2022-10-28-um-08.21.36-1024x310.png\" alt=\"\" class=\"wp-image-2141\" srcset=\"https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2022\/10\/Bildschirmfoto-2022-10-28-um-08.21.36-1024x310.png 1024w, https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2022\/10\/Bildschirmfoto-2022-10-28-um-08.21.36-300x91.png 300w, https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2022\/10\/Bildschirmfoto-2022-10-28-um-08.21.36-768x232.png 768w, https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2022\/10\/Bildschirmfoto-2022-10-28-um-08.21.36.png 1330w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wie binde ich Google Fonts lokal ein?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Google Fonts k\u00f6nnen auch ohne Hilfe eines Plugins manuell eingebunden werden. Dazu ben\u00f6tigt man aber ein paar grundlegende Kenntnisse bzgl. Website-Aufbau und Programmierung. Zuerst m\u00fcssen die Fonts bei Google heruntergeladen und lokal via FTP auf den Website-Server hochgeladen werden. Dann m\u00fcssen die Stylesheets entsprechend angepasst werden, sodass jetzt auf die lokale Font-Datei verwiesen wird und nicht mehr auf den Google Server. Wem diese Schritte jetzt nur Bahnhof sagen: es gibt auch eine Alternative f\u00fcr WordPress-Seiten: Plugins!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Im Folgenden wollen wir euch zwei Plugins vorstellen, die wir selber nutzen und aus unserer Sicht gut funktionieren. Wir nutzen diese beiden Plugins gerne in Kombination. Das eine sorgt daf\u00fcr, dass die Fonts lokal geladen werden, das andere unterbindet das Laden von Google Fonts (damit sich z.&nbsp;B. durch Updates keine neuen Fonts einschleichen).<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Plugin zum Einbinden von Google Fonts &gt; <a href=\"https:\/\/wordpress.org\/plugins\/local-google-fonts\/\" target=\"_blank\" rel=\"noreferrer noopener\">Local Google Fonts<\/a><\/li>\n\n\n\n<li>Plugin zum Unterbinden von Google Fonts &gt; <a href=\"https:\/\/wordpress.org\/plugins\/disable-remove-google-fonts\/\" target=\"_blank\" rel=\"noreferrer noopener\">Disable and Remove Google Fonts<\/a><\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Beide Plugins sind kostenlos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Local Google Fonts \u2013 so funktioniert das Plugin<\/h2>\n\n\n\n<div class=\"schema-how-to wp-block-yoast-how-to-block\"><p class=\"schema-how-to-description\">Diese Schritt-f\u00fcr-Schritt-Anleitung zeigt dir den richtigen Umgang mit dem Plugin &#8222;Local Google Fonts&#8220;<\/p> <ol class=\"schema-how-to-steps\"><li class=\"schema-how-to-step\" id=\"how-to-step-1672385072186\"><strong class=\"schema-how-to-step-name\">Plugin herunterladen, installieren und aktivieren<\/strong> <p class=\"schema-how-to-step-text\">Lade das Plugin auf der Plugin-Seite herunter oder gehe direkt zu deinen <strong>Plugins > Installieren<\/strong> und suche nach dem Plugin &#8222;Local Google Fonts&#8220;. Danach musst du es nur noch aktivieren und ein paar Grundeinstellungen vornehmen.<\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1672385200142\"><strong class=\"schema-how-to-step-name\">Grundeinstellungen vornehmen<\/strong> <p class=\"schema-how-to-step-text\">Nach der Installation findest du weitere Einstellungen unter: <strong>Einstellungen > Google Fonts<\/strong>. Du kommst zu einer \u00dcbersichtsseite, die alle Fonts anzeigt, die bei dir geladen werden. Wenn hier keine Schriften erscheinen, gehe nochmal ins Frontend und f\u00fchre den Schritt noch einmal aus. Die Schriften sollten nach und nach alle hier erscheinen. <\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1672387268263\"><strong class=\"schema-how-to-step-name\">Schriften automatisch laden lassen <\/strong> <p class=\"schema-how-to-step-text\">Du kannst nun manuell unter jeder Schrift entscheiden, ob sie lokal geladen werden sollen oder einfach oben den Haken setzen bei \u201eLoad Fonts automatically&#8220; und damit bist du auch schon fertig.<img loading=\"lazy\" decoding=\"async\" width=\"2482\" height=\"2336\" src=\"https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2022\/12\/screenshot-1.png\" class=\"attachment-full size-full\" alt=\"\" style=\"max-width: 100%; height: auto;\" srcset=\"https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2022\/12\/screenshot-1.png 2482w, https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2022\/12\/screenshot-1-300x282.png 300w, https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2022\/12\/screenshot-1-1024x964.png 1024w, https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2022\/12\/screenshot-1-768x723.png 768w, https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2022\/12\/screenshot-1-1536x1446.png 1536w, https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2022\/12\/screenshot-1-2048x1928.png 2048w\" sizes=\"auto, (max-width: 2482px) 100vw, 2482px\" \/><\/p> <\/li><\/ol><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Local Google Fonts \u2013 h\u00e4ufige Fragen <\/h3>\n\n\n\n<div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1672387669363\"><strong class=\"schema-faq-question\">Werden durch das Plugin Google Fonts automatisch geladen?<\/strong> <p class=\"schema-faq-answer\">Ja, wenn die Option zum automatischen Laden von Schriftarten aktiviert ist. Andernfalls muss jeder Schriftsatz manuell ausgel\u00f6st werden.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1672387942770\"><strong class=\"schema-faq-question\">Ist es legal, Google Fonts selbst zu hosten?<\/strong> <p class=\"schema-faq-answer\">Ja. Die Open-Source-Schriftarten von Google Fonts werden unter einer Lizenz ver\u00f6ffentlicht, die es dir erlaubt, sie auf jeder Website zu verwenden, egal ob kommerziell oder privat.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1672387971956\"><strong class=\"schema-faq-question\">Meine Schriftarten werden nicht auf der Einstellungsseite angezeigt, was kann ich tun?<\/strong> <p class=\"schema-faq-answer\">Schriftarten werden erkannt, sobald sie verwendet werden. Versuche zuerst, dein Frontend zu durchsuchen, und kehre dann zur Einstellungsseite zur\u00fcck.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1672388013808\"><strong class=\"schema-faq-question\">Das DIVI-Theme l\u00e4dt immer noch eine Google-Schriftart?<\/strong> <p class=\"schema-faq-answer\">Das DIVI-Design verf\u00fcgt \u00fcber eine benutzerdefinierte Implementierung von Google Fonts. Um LGF mit DIVI zu verwenden, deaktiviere \u201eLaden von Google-Schriftarten verbessern\u201c auf der Seite \u201eLeistungseinstellungen\u201c von DIVI.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1672388037443\"><strong class=\"schema-faq-question\">Warum wird nur das Schriftformat woff2 geladen?<\/strong> <p class=\"schema-faq-answer\">Woff2 ist der Nachfolger des woff-Formats und bietet einen durchschnittlichen Komprimierungsgewinn von 30 % gegen\u00fcber dem urspr\u00fcnglichen Format. Es wird auch von \u00fcber 96 % der Browser unterst\u00fctzt.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1672388062545\"><strong class=\"schema-faq-question\">Wie kann ich mit Slider Revolution geladene Schriftarten hosten?<\/strong> <p class=\"schema-faq-answer\">Slider Revolution verwendet eine eigene Methode zum Laden von Google Fonts und LGF kann damit nicht umgehen. <br\/>&#8211; Gehe zu Slider Revolution<br\/>&#8211; Klicken in der oberen Navigation auf \u201eGlobal\u201c.<br\/>&#8211; Suche den Abschnitt \u201eFonts\u201c und w\u00e4hle \u201eCache Fonts Local\u201c unter \u201eDownload von Google Fonts aktivieren\u201c.<br\/>&#8211; Speichere deine Einstellungen.<\/p> <\/div> <\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin: Disable and Remove Google Fonts <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Dieses Plugin ist in seiner Anwendung sogar noch einfacher. Du musst ein nur installieren und aktiveren. Das war es auch schon. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Die richtige Einbindung von YouTube und Google Maps<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Nach der Installation beider Plugins solltest du deine Website nochmal auf <a href=\"https:\/\/sicher3.de\/google-fonts-checker\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google Fonts checken<\/a>. Oft verstecken sich in Kontaktformularen (beim ReCaptcha), bei Google Maps oder allgemein beim Einbinden von YouTube-Videos Google Fonts. H\u00e4ufig lassen sich diese Fonts nur schwer entfernen. Tritt das Problem bei einem Kontaktformular mit ReCaptcha auf, empfiehlt es sich, ein anderes ReCaptcha Tool einzusetzen. Bei Videos und Maps kannst du auch einfach anstatt des iFrames einen Screenshot einbinden, und diesen dann auf den Maps-Eintrag oder das Video verlinken. Solltest du viele Videos auf deiner Website eingebunden haben, dann lohnt sich der Einsetz eines kostenpflichtigen Cookie Banners, wie der <a href=\"https:\/\/de.borlabs.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">Borlab Cookie-Banner <\/a>der grunds\u00e4tzlich externe Inhalte blockiert und somit auch keine weiteren Schriften laden zul\u00e4sst. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du noch Hilfe beim Einbau von Google Fonts ben\u00f6tigst, stehen unsere Mitarbeitenden von WebMen dir gerne beratend zur Seite &gt; <a href=\"mailto:info@webmen.de\" target=\"_blank\" rel=\"noreferrer noopener\">info@webmen.de<\/a> oder unter <a href=\"https:\/\/www.google.com\/search?q=webmen&amp;sxsrf=ALiCzsaIrWfwuboUhdLRqfILVZyAbRqChA%3A1672388837887&amp;ei=5aCuY5rhNYbgkgXG9LSIBQ&amp;ved=0ahUKEwja5-709aD8AhUGsKQKHUY6DVEQ4dUDCA8&amp;uact=5&amp;oq=webmen&amp;gs_lcp=Cgxnd3Mtd2l6LXNlcnAQAzIECCMQJzIECCMQJzIKCC4QrwEQxwEQQzIFCAAQgAQyBQgAEIAEMgUIABCABDIFCAAQgAQyBQgAEIAEMgUIABCABDIFCAAQgAQ6BwgjELADECc6CggAEEcQ1gQQsAM6CwguEK8BEMcBEIAEOgQIABAeOgYIABAeEAo6CwgAEAUQHhDxBBAKSgQIQRgASgQIRhgAUKwEWJYFYPoGaAFwAXgAgAFXiAGhAZIBATKYAQCgAQHIAQnAAQE&amp;sclient=gws-wiz-serp#\">0421 2434940<\/a>. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Falls das Thema Google Fonts dir noch nicht so viel sagt, hier eine kleine Einordnung: Google Fonts sind eine Sammlung von Schriften (sog. Fonts), die von Google kostenlos zur Verf\u00fcgung gestellt werden, um Schriften im Web darstellen zu k\u00f6nnen. Google&#8230;<\/p>\n","protected":false},"author":1,"featured_media":2260,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[24,10,14,11],"tags":[],"class_list":["post-2105","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-datenschutz","category-google","category-webentwicklung","category-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Einfach und schnell Google Fonts lokal einbinden mit Plugins<\/title>\n<meta name=\"description\" content=\"Mit welchen Plugins lassen sich Google Fonts lokal unter WordPress einbinden? Wie finde ich heraus, ob meine Website Google Fonts nutzt?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Einfach und schnell Google Fonts lokal einbinden mit Plugins\" \/>\n<meta property=\"og:description\" content=\"Mit welchen Plugins lassen sich Google Fonts lokal unter WordPress einbinden? Wie finde ich heraus, ob meine Website Google Fonts nutzt?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-01-04T11:06:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-26T11:35:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2022\/12\/pexels-magda-ehlers-1337387-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1640\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"webmen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"webmen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"6\u00a0Minuten\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Einfach und schnell Google Fonts lokal einbinden mit Plugins","description":"Mit welchen Plugins lassen sich Google Fonts lokal unter WordPress einbinden? Wie finde ich heraus, ob meine Website Google Fonts nutzt?","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/","og_locale":"de_DE","og_type":"article","og_title":"Einfach und schnell Google Fonts lokal einbinden mit Plugins","og_description":"Mit welchen Plugins lassen sich Google Fonts lokal unter WordPress einbinden? Wie finde ich heraus, ob meine Website Google Fonts nutzt?","og_url":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/","article_published_time":"2023-01-04T11:06:36+00:00","article_modified_time":"2024-01-26T11:35:18+00:00","og_image":[{"width":2560,"height":1640,"url":"https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2022\/12\/pexels-magda-ehlers-1337387-scaled.jpg","type":"image\/jpeg"}],"author":"webmen","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"webmen","Gesch\u00e4tzte Lesezeit":"6\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#article","isPartOf":{"@id":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/"},"author":{"name":"webmen","@id":"https:\/\/www.webmen.de\/blog\/#\/schema\/person\/30971e27f22eb6a451c7502035fabed7"},"headline":"Google Fonts lokal einbinden in WordPress \u2013 einfach &#038; schnell mit Plugins","datePublished":"2023-01-04T11:06:36+00:00","dateModified":"2024-01-26T11:35:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/"},"wordCount":1288,"commentCount":2,"publisher":{"@id":"https:\/\/www.webmen.de\/blog\/#organization"},"image":{"@id":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2022\/12\/pexels-magda-ehlers-1337387-scaled.jpg","articleSection":["Datenschutz","Google","Webentwicklung","WordPress"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#respond"]}]},{"@type":["WebPage","FAQPage"],"@id":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/","url":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/","name":"Einfach und schnell Google Fonts lokal einbinden mit Plugins","isPartOf":{"@id":"https:\/\/www.webmen.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#primaryimage"},"image":{"@id":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2022\/12\/pexels-magda-ehlers-1337387-scaled.jpg","datePublished":"2023-01-04T11:06:36+00:00","dateModified":"2024-01-26T11:35:18+00:00","description":"Mit welchen Plugins lassen sich Google Fonts lokal unter WordPress einbinden? Wie finde ich heraus, ob meine Website Google Fonts nutzt?","breadcrumb":{"@id":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#breadcrumb"},"mainEntity":[{"@id":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#faq-question-1672387669363"},{"@id":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#faq-question-1672387942770"},{"@id":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#faq-question-1672387971956"},{"@id":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#faq-question-1672388013808"},{"@id":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#faq-question-1672388037443"},{"@id":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#faq-question-1672388062545"}],"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#primaryimage","url":"https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2022\/12\/pexels-magda-ehlers-1337387-scaled.jpg","contentUrl":"https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2022\/12\/pexels-magda-ehlers-1337387-scaled.jpg","width":2560,"height":1640},{"@type":"BreadcrumbList","@id":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.webmen.de\/blog\/"},{"@type":"ListItem","position":2,"name":"Google Fonts lokal einbinden in WordPress \u2013 einfach &#038; schnell mit Plugins"}]},{"@type":"WebSite","@id":"https:\/\/www.webmen.de\/blog\/#website","url":"https:\/\/www.webmen.de\/blog\/","name":"Conversionzauber","description":"","publisher":{"@id":"https:\/\/www.webmen.de\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webmen.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.webmen.de\/blog\/#organization","name":"Webmen Internet GmbH","url":"https:\/\/www.webmen.de\/blog\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.webmen.de\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2019\/12\/WebMen_Logorgb.png","contentUrl":"https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2019\/12\/WebMen_Logorgb.png","width":252,"height":55,"caption":"Webmen Internet GmbH"},"image":{"@id":"https:\/\/www.webmen.de\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.webmen.de\/blog\/#\/schema\/person\/30971e27f22eb6a451c7502035fabed7","name":"webmen","url":"https:\/\/www.webmen.de\/blog\/author\/webmen\/"},{"@type":"Question","@id":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#faq-question-1672387669363","position":1,"url":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#faq-question-1672387669363","name":"Werden durch das Plugin Google Fonts automatisch geladen?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Ja, wenn die Option zum automatischen Laden von Schriftarten aktiviert ist. Andernfalls muss jeder Schriftsatz manuell ausgel\u00f6st werden.","inLanguage":"de"},"inLanguage":"de"},{"@type":"Question","@id":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#faq-question-1672387942770","position":2,"url":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#faq-question-1672387942770","name":"Ist es legal, Google Fonts selbst zu hosten?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Ja. Die Open-Source-Schriftarten von Google Fonts werden unter einer Lizenz ver\u00f6ffentlicht, die es dir erlaubt, sie auf jeder Website zu verwenden, egal ob kommerziell oder privat.","inLanguage":"de"},"inLanguage":"de"},{"@type":"Question","@id":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#faq-question-1672387971956","position":3,"url":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#faq-question-1672387971956","name":"Meine Schriftarten werden nicht auf der Einstellungsseite angezeigt, was kann ich tun?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Schriftarten werden erkannt, sobald sie verwendet werden. Versuche zuerst, dein Frontend zu durchsuchen, und kehre dann zur Einstellungsseite zur\u00fcck.","inLanguage":"de"},"inLanguage":"de"},{"@type":"Question","@id":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#faq-question-1672388013808","position":4,"url":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#faq-question-1672388013808","name":"Das DIVI-Theme l\u00e4dt immer noch eine Google-Schriftart?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Das DIVI-Design verf\u00fcgt \u00fcber eine benutzerdefinierte Implementierung von Google Fonts. Um LGF mit DIVI zu verwenden, deaktiviere \u201eLaden von Google-Schriftarten verbessern\u201c auf der Seite \u201eLeistungseinstellungen\u201c von DIVI.","inLanguage":"de"},"inLanguage":"de"},{"@type":"Question","@id":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#faq-question-1672388037443","position":5,"url":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#faq-question-1672388037443","name":"Warum wird nur das Schriftformat woff2 geladen?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Woff2 ist der Nachfolger des woff-Formats und bietet einen durchschnittlichen Komprimierungsgewinn von 30 % gegen\u00fcber dem urspr\u00fcnglichen Format. Es wird auch von \u00fcber 96 % der Browser unterst\u00fctzt.","inLanguage":"de"},"inLanguage":"de"},{"@type":"Question","@id":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#faq-question-1672388062545","position":6,"url":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#faq-question-1672388062545","name":"Wie kann ich mit Slider Revolution geladene Schriftarten hosten?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Slider Revolution verwendet eine eigene Methode zum Laden von Google Fonts und LGF kann damit nicht umgehen. <br\/>- Gehe zu Slider Revolution<br\/>- Klicken in der oberen Navigation auf \u201eGlobal\u201c.<br\/>- Suche den Abschnitt \u201eFonts\u201c und w\u00e4hle \u201eCache Fonts Local\u201c unter \u201eDownload von Google Fonts aktivieren\u201c.<br\/>- Speichere deine Einstellungen.","inLanguage":"de"},"inLanguage":"de"},{"@type":"HowTo","@id":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#howto-1","name":"Google Fonts lokal einbinden in WordPress \u2013 einfach &#038; schnell mit Plugins","mainEntityOfPage":{"@id":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#article"},"description":"Diese Schritt-f\u00fcr-Schritt-Anleitung zeigt dir den richtigen Umgang mit dem Plugin \"Local Google Fonts\"","step":[{"@type":"HowToStep","url":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#how-to-step-1672385072186","name":"Plugin herunterladen, installieren und aktivieren","itemListElement":[{"@type":"HowToDirection","text":"Lade das Plugin auf der Plugin-Seite herunter oder gehe direkt zu deinen Plugins > Installieren und suche nach dem Plugin \"Local Google Fonts\". Danach musst du es nur noch aktivieren und ein paar Grundeinstellungen vornehmen."}]},{"@type":"HowToStep","url":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#how-to-step-1672385200142","name":"Grundeinstellungen vornehmen","itemListElement":[{"@type":"HowToDirection","text":"Nach der Installation findest du weitere Einstellungen unter: Einstellungen > Google Fonts. Du kommst zu einer \u00dcbersichtsseite, die alle Fonts anzeigt, die bei dir geladen werden. Wenn hier keine Schriften erscheinen, gehe nochmal ins Frontend und f\u00fchre den Schritt noch einmal aus. Die Schriften sollten nach und nach alle hier erscheinen."}]},{"@type":"HowToStep","url":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#how-to-step-1672387268263","name":"Schriften automatisch laden lassen","itemListElement":[{"@type":"HowToDirection","text":"Du kannst nun manuell unter jeder Schrift entscheiden, ob sie lokal geladen werden sollen oder einfach oben den Haken setzen bei \u201eLoad Fonts automatically\" und damit bist du auch schon fertig."}],"image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.webmen.de\/blog\/2023\/01\/04\/google-fonts-lokal-einbinden-in-wordpress-einfach-schnell-mit-plugins\/#schema-image-519887047e1b078c97abec3cb1603734","url":"https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2022\/12\/screenshot-1.png","contentUrl":"https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2022\/12\/screenshot-1.png","width":2482,"height":2336}}],"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/www.webmen.de\/blog\/wp-json\/wp\/v2\/posts\/2105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webmen.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webmen.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webmen.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webmen.de\/blog\/wp-json\/wp\/v2\/comments?post=2105"}],"version-history":[{"count":19,"href":"https:\/\/www.webmen.de\/blog\/wp-json\/wp\/v2\/posts\/2105\/revisions"}],"predecessor-version":[{"id":2265,"href":"https:\/\/www.webmen.de\/blog\/wp-json\/wp\/v2\/posts\/2105\/revisions\/2265"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webmen.de\/blog\/wp-json\/wp\/v2\/media\/2260"}],"wp:attachment":[{"href":"https:\/\/www.webmen.de\/blog\/wp-json\/wp\/v2\/media?parent=2105"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webmen.de\/blog\/wp-json\/wp\/v2\/categories?post=2105"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webmen.de\/blog\/wp-json\/wp\/v2\/tags?post=2105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}