{"id":95509,"date":"2022-08-03T15:34:00","date_gmt":"2022-08-03T13:34:00","guid":{"rendered":"https:\/\/strato.de\/blog\/?p=95509"},"modified":"2022-08-03T15:51:04","modified_gmt":"2022-08-03T13:51:04","slug":"google-fonts-in-wordpress-lokal-hosten","status":"publish","type":"post","link":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/google-fonts-in-wordpress-lokal-hosten\/","title":{"rendered":"Datenschutz: Google Fonts in WordPress lokal hosten"},"content":{"rendered":"\n<p>Google-Fonts lokal zu hosten, anstatt von Google-Server zu laden, hat mehrere Vorteile. Der momentan wichtigste Grund ist der Datenschutz. Wer auf seiner Website die Schriften von Google-Servern und nicht aus dem eigenen Webspace l\u00e4dt, verst\u00f6\u00dft gegen die DSGVO. Dies hat das <a href=\"https:\/\/rewis.io\/s\/u\/zH2\/\">Urteil des LG M\u00fcnchen<\/a> noch einmal best\u00e4tigt. <\/p>\n\n\n\n<p>Dass die Problematik ernst ist, kannst du daran erkennen, dass sogar WordPress.org <a href=\"https:\/\/www.perun.net\/2022\/06\/21\/wordpress-raet-theme-entwicklern-zu-lokalen-google-fonts\/\">bei der Erstellung von Themes empfiehlt<\/a>, die Google-Schriften lokal zu hosten und nicht von externen Servern zu laden.<\/p>\n\n\n\n<p>Im folgenden Blogartikel erf\u00e4hrst du, wie du auch in <a href=\"https:\/\/www.strato.de\/hosting\/wordpress-hosting\/?utm_source=Blogartikel&amp;utm_medium=Blogartikel&amp;utm_campaign=google-fonts-in-wordpress-lokal-hosten&amp;campaign=strato.de\/blog\/Artikel\/google-fonts-in-wordpress-lokal-hosten&amp;swtssa=gersc0000000000000000tffc\">deiner WordPress-Installation<\/a> die Google-Schriften lokal ablegen kannst.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Warum Google Fonts?<\/h2>\n\n\n\n<p>Die verwendete Schriftart verleiht einem Blog oder einer Website individuellen Charakter. Die Auswahl an Schriften, die auf den Betriebssystemen vorliegen, sind begrenzt. <\/p>\n\n\n\n<p>Deshalb verwenden viele Themes zus\u00e4tzliche Fonts, die typischerweise von den Google-Servern geladen werden. Das ist bequem und spart Arbeit. Zum einen hast du damit eine viel gr\u00f6\u00dfere Auswahl an Schriften und du musstest dich um nichts Weiteres k\u00fcmmern.<\/p>\n\n\n\n<p>Doch das bereitet zugleich Datenschutzprobleme, weil dabei unter anderem die IP-Adressen an Google \u00fcbertragen werden. Das verst\u00f6\u00dft gegen die DSGVO.<\/p>\n\n\n\n<p>Die Herausforderung beim lokalen Hosten von Google Fonts ist allerdings, dass du deinem Theme \u2013 und wom\u00f6glich sogar einigen Plugins \u2013 zun\u00e4chst abgew\u00f6hnen musst, die Schriften von Google zu laden. Im Prinzip geht das auch <a href=\"https:\/\/www.perun.net\/2022\/02\/08\/google-fonts-lokal-in-einer-wordpress-installation-laden\/\">ohne Einsatz eines Plugins<\/a>, erfordert aber einiges an Verst\u00e4ndnis f\u00fcr die Code-Ebene von WordPress. Um Google Fonts zu entfernen, ist daher ein Plugin die deutlich unkompliziertere Methode.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ben\u00f6tigte Google Fonts identifizieren<\/h2>\n\n\n\n<p>Bevor du das Plugin aktivierst, solltest du zun\u00e4chst ermitteln, welche Fonts du f\u00fcr den Blog ben\u00f6tigst. Dazu wirfst du einen Blick in den HTML-Quelltext einer beliebigen Unterseite deines Webprojekts. In den meisten Webbrowsern bekommst du den Quellcode einer Seite \u00fcber die Tastenkombination <em>Strg+U<\/em> angezeigt.<\/p>\n\n\n\n<p>Im Quellcode suchst Du nach <em>fonts.googleapis.com<\/em> und <em>fonts.gstatic.com<\/em>. In unserem Beispiel werden die beiden Fonts \u201ePlayfair\u201c und \u201eOpen Sans\u201c geladen: <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"241\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2021\/01\/02-fonts-html-quellcode.jpg\" alt=\"\" class=\"wp-image-95519\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/02-fonts-html-quellcode.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/02-fonts-html-quellcode-160x53.jpg 160w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><figcaption><em>Suche im Quellcode nach geladenen Google Fonts<\/em><\/figcaption><\/figure>\n\n\n\n<p>Alternativ kannst du ein Browser-Addon wie den Font Finder installieren. Dieses Addon gibt es f\u00fcr <a href=\"https:\/\/addons.mozilla.org\/de\/firefox\/addon\/font-inspect\/\">Firefox<\/a> und f\u00fcr <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/font-finder\/bhiichidigehdgphoambhjbekalahgha\">Chrome<\/a> und damit  kannst du entweder komplette Unterseiten oder einzelne Abschnitte analysieren.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"777\" height=\"379\" src=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/08\/firefox-font-finder-schrift-erkennen.png\" alt=\"Analyse eines Abschnitts im Addon Font Finder\" class=\"wp-image-99263\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/08\/firefox-font-finder-schrift-erkennen.png 777w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/08\/firefox-font-finder-schrift-erkennen-728x355.png 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/08\/firefox-font-finder-schrift-erkennen-768x375.png 768w\" sizes=\"(max-width: 777px) 100vw, 777px\" \/><figcaption>Analyse eines Abschnitts im Addon Font Finder. Neben der Schrift-Familie wird eine Reihe an weiteren Schrift-relevanten Informationen ausgegeben.<\/figcaption><\/figure>\n\n\n\n<p>Nun wei\u00dft du, welche Schriften du ben\u00f6tigst und jetzt k\u00f6nnen wir mit dem n\u00e4chsten Schritt fortfahren: als N\u00e4chstes m\u00fcssen wir die Verweise zu Google entfernen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Google Fonts aus Theme und Plugins entfernen<\/h2>\n\n\n\n<p>Um die Google Fonts aus dem Theme und den Plugins zu entfernen, kannst du das Plugin <a href=\"https:\/\/wordpress.org\/plugins\/disable-remove-google-fonts\/\" rel=\"nofollow\">Disable and Remove Google Fonts<\/a> einsetzen. Es kommt g\u00e4nzlich ohne Optionen daher und verbannt einfach s\u00e4mtliche Google Fonts aus deinem Blog. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"349\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2021\/01\/plugins-00-disable-remove.jpg\" alt=\"\" class=\"wp-image-95514\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/plugins-00-disable-remove.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/plugins-00-disable-remove-160x77.jpg 160w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><figcaption>Das WordPress-Plugin <a href=\"https:\/\/wordpress.org\/plugins\/disable-remove-google-fonts\/\">Disable and Remove Google Fonts<\/a><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Google Fonts und zugeh\u00f6rigen CSS-Code herunterladen<\/h2>\n\n\n\n<p>Im n\u00e4chsten Schritt besorgst du dir die notwendigen Schriftarten, um sie dann lokal zu hosten. Ein enorm hilfreiches Tool daf\u00fcr ist der <a href=\"https:\/\/google-webfonts-helper.herokuapp.com\/fonts\">Google Webfont Helper<\/a>. Auf dieser Website stellst du dir n\u00e4mlich passgenau zum Download zusammen, welche Schriften und Schriftschnitte du ben\u00f6tigst. Au\u00dferdem liefert dir das Werkzeug auch den passenden Code, um die Fonts in dein Child-Theme einzubinden.<\/p>\n\n\n\n<p class=\"hinweisbox\"><em>Hinweis:<\/em> <a href=\"https:\/\/strato.de\/blog\/child-themes-individuelles-wordpress-design-ganz-einfach\/\">Falls du noch kein Child-Theme hast, musst du das an dieser Stelle anlegen<\/a>. Denn Ver\u00e4nderungen, die du direkt in deinem Theme vornimmst, verschwinden beim n\u00e4chsten Update wieder. Deshalb ist auch f\u00fcr die lokale Einbindung der Google Fonts ein Child-Theme sehr sinnvoll. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"458\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2021\/01\/playfair-auswahl.jpg\" alt=\"\" class=\"wp-image-95524\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/playfair-auswahl.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/playfair-auswahl-160x101.jpg 160w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><figcaption><em>Eine der beiden gesuchten Schriften in unserem Beispiel: Playfair<\/em><\/figcaption><\/figure>\n\n\n\n<p>Finde \u00fcber das Suchformular die jeweilige Schrift. Damit die Schrift-Datei nicht zu gro\u00df wird, w\u00e4hlst du nun unter <em>Select styles<\/em> die Schriftschnitte aus, die dein Theme tats\u00e4chlich verwendet.<\/p>\n\n\n\n<p>Um herauszufinden, welche das sind, wirfst Du einen Blick in\ndie Datei <em>style.css<\/em> Deines Themes\n(und des Child-Themes, falls Du dort zus\u00e4tzliche Google Fonts eingebunden haben\nsolltest). Das Theme liegt im Verzeichnis <em>\/wp-content\/themes\/THEMNAME<\/em>.<\/p>\n\n\n\n<p>Durchsuche die gesamte <em>style.css<\/em> nacheinander nach dem Namen des Fonts \u2013 also zum Beispiel \u00bbPlayfair\u00ab \u2013 und pr\u00fcfe, ob es Definitionen f\u00fcr die Eigenschaft <em>font-weight<\/em> gibt. In unserem Beispiel finden wir lediglich den Wert <em>400<\/em> f\u00fcr die bei \u00dcberschriften eingesetzten Schrift Playfair und <em>600<\/em> f\u00fcr Open Sans, die sowohl f\u00fcr kleinere \u00dcberschriften als auch den sonstigen Text zum Einsatz kommt.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"567\" height=\"316\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2021\/01\/fonts-identifizieren.jpg\" alt=\"\" class=\"wp-image-95529\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/fonts-identifizieren.jpg 567w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/fonts-identifizieren-160x89.jpg 160w\" sizes=\"(max-width: 567px) 100vw, 567px\" \/><\/figure>\n\n\n\n<p>Da Fairplay auch kursiv genutzt  wird, wie wir bei Betrachtung des Designs unseres Blogs feststellen k\u00f6nnen, w\u00e4hlen wir also die Styles <em>regular<\/em> (entspricht 400) und <em>italic<\/em> aus.<\/p>\n\n\n\n<p>Unter Punkt <em>4. Download files<\/em> l\u00e4dst Du Dir nun die Schrift-Dateien herunter. Au\u00dferdem kopierst Du Dir den Code aus dem grau hinterlegten Kasten unter <em>Punkt 3. Copy CSS<\/em> in einen Text-Editor zur sp\u00e4teren Verwendung. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"511\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2021\/01\/css-code-und-download.jpg\" alt=\"\" class=\"wp-image-95534\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/css-code-und-download.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/css-code-und-download-157x110.jpg 157w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><figcaption><em>Download der Font-Dateien und der ben\u00f6tigte CSS-Code zum Einbinden<\/em><\/figcaption><\/figure>\n\n\n\n<p>Genauso verf\u00e4hrst Du bei den weiteren gegebenenfalls identifizierten Fonts, in unserem Beispiel also Open Sans. Hier ben\u00f6tigen wir ebenfalls die Schriftschnitte <em>regular<\/em> und <em>italic<\/em> als Standard sowie entsprechend der Suchergebnisse in der <em>style.css<\/em> zus\u00e4tzlich den etwas fetteren Schnitt <em>600<\/em> sowie die <em>italic-<\/em>Version dazu.<\/p>\n\n\n\n<p>Wenn Du keinen gro\u00dfen Wert auf perfekte Typographie legst, kannst Du \u00fcbrigens &nbsp;die <em>italic-<\/em>Schriftschnitte weglassen. Zwar ergeben die bei Kursivschrift ein etwas sch\u00f6neres Schriftbild, ben\u00f6tigen aber durch die zus\u00e4tzlichen Daten auch mehr Zeit zum Herunterladen in den Browser des Users. Fehlt der <em>italic-<\/em>Schriftschnitt, stellt der Browser kursiv markierte Textstellen einfach schr\u00e4g, statt den expliziten Schriftschnitt daf\u00fcr zu verwenden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Schrift-Dateien ins Child-Theme kopieren<\/h2>\n\n\n\n<p>Nun entpackst du die Zip-Dateien mit den Schriftarten, die Du eben heruntergeladen hast und l\u00e4dst alle enthaltenen Dateien \u2013 au\u00dfer den Zip-Dateien \u2013 per FTP in den gegebenenfalls neu erstellten Ordner <em>\/fonts\/<\/em> imThemes-Verzeichnisses, also typischerweise zum Beispiel <em>\/wp-content\/themes\/fonts\/<\/em> <\/p>\n\n\n\n<p>Alternativ kannst du die Fonts nat\u00fcrlich auch an eine andere Stelle, beispielsweise als Unterverzeichnis in deinen Child-Theme-Ordner legen. Dann musst du lediglich die Dateipfade in dem CSS-Code anpassen, den du im n\u00e4chsten Schritt in deine <em>style.css<\/em> kopierst. <\/p>\n\n\n\n<p>Abschlie\u00dfend f\u00fcgst du in die <em>style.css-<\/em>Datei deines Child-Themes den CSS-Code ein, den du zuvor zu den Fonts beim Google Webfont Helper kopiert hast. Nun sollten die Fonts, die anfangs noch von Google-Servern geladen wurden, direkt aus deinem Webspace kommen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Komplette Plugin-L\u00f6sung<\/h2>\n\n\n\n<p>Falls du dir die M\u00fche ersparen m\u00f6chtest, die lokalen Fonts manuell einzubinden, kannst du auch auf ein Plugin zur\u00fcckgreifen, welches den kompletten Prozess f\u00fcr dich \u00fcbernimmt.  <a href=\"https:\/\/wordpress.org\/plugins\/host-webfonts-local\/\" rel=\"nofollow\">OMGF | Host Google Fonts Locally<\/a> entfernt n\u00e4mlich nicht nur Google Fonts, sondern ersetzt sie auch weitgehend automatisch durch lokal gehostete Varianten.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"446\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2021\/01\/plugins-01-omgf.jpg\" alt=\"\" class=\"wp-image-95539\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/plugins-01-omgf.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/plugins-01-omgf-160x98.jpg 160w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><figcaption><em>Plugin &#8222;OMGF | Host Google Fonts Locally&#8220;<\/em><\/figcaption><\/figure>\n\n\n\n<p>F\u00fcr den Dauereinsatz ist allerdings die kostenpflichtige Pro-Version (ab 29 Euro) sinnvoll. Denn in der kostenfreien Basisversion sind beispielsweise die Schrift-Dateien teils deutlich gr\u00f6\u00dfer als die manuell von Google Webfont Helper heruntergeladenen, was f\u00fcr den User l\u00e4ngere Ladezeiten bedeutet. Die Pro-Version bringt au\u00dferdem einige zus\u00e4tzliche Funktionen mit, die vor allem die Performance beim Laden der Schriftarten weiter optimiert.<\/p>\n\n\n\n<p class=\"hinweisbox\">Hinweis zu Homepage-Baukasten: In diesem Artikel haben wir L\u00f6sungen f\u00fcr eine WordPress-Website besprochen. Falls du dich fragen solltest, wie du die Google-Schriften im <a href=\"https:\/\/www.strato.de\/homepage-baukasten\/?utm_source=Blogartikel&amp;utm_medium=Blogartikel&amp;utm_campaign=google-fonts-in-wordpress-lokal-hosten&amp;campaign=strato.de%2Fblog%2FArtikel%2Fgoogle-fonts-in-wordpress-lokal-hosten&amp;swtssa=gersc0000000000000000tffc\">Homepage-Baukasten<\/a> lokal hosten sollst, ist die Antwort kurz und einfach. Beim Homepage-Baukasten werden die Fonts von vorneherein lokal gehostet.<\/p>\n\n\n\n<p><strong>Du willst auch direkt mit WordPress durchstarten?<\/strong><\/p>\n\n\n<a href=\"https:\/\/www.strato.de\/hosting\/wordpress-hosting\/?utm_source=Blogartikel&#038;utm_medium=Blogartikel&#038;utm_campaign=google-fonts-in-wordpress-lokal-hosten&#038;campaign=strato.de\/blog\/Artikel\/google-fonts-in-wordpress-lokal-hosten&#038;swtssa=gersc0000000000000000tffc\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-strato-blue strato-c2a\">Zu den WordPress-Paketen<\/a>\n\n\n<p class=\"has-text-align-right\">Bisherige Autoren: <a href=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/neumeier\/\">Franz Neumeier<\/a>, <a href=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/vladimir-simovic\/\">Vladimir Simovi\u0107<\/a>.<\/p>\n\n\n\n<p class=\"has-text-align-right has-small-font-size\">Photo by <a href=\"https:\/\/unsplash.com\/@alex_andrews?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\" rel=\"nofollow\">Alexander Andrews<\/a> on <a href=\"https:\/\/unsplash.com\/s\/photos\/typography?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\" rel=\"nofollow\">Unsplash<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google-Fonts lokal zu hosten statt vom Google-Server zu laden, hat mehrere Vorz\u00fcge, vor allem aber etwas mehr Datenschutz f\u00fcr Deine User. Der Workshop zeigt, wie Du die Schriftarten von Google in Deinem eigenen Webspace bereitstellst \u2013 und wie Du einige damit verbundene Probleme aus dem Weg r\u00e4umst.<\/p>\n","protected":false},"author":191,"featured_media":99288,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[440,490],"tags":[240,170,288,38,55],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Datenschutz: Google Fonts in WordPress lokal hosten<\/title>\n<meta name=\"description\" content=\"Google Fonts bei Wordpress lokal zu hosten statt vom Google-Server zu laden: Mit diesen Tricks und Plugins klappt es problemlos und komfortabel.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Datenschutz: Google Fonts in WordPress lokal hosten\" \/>\n<meta property=\"og:description\" content=\"Google Fonts bei Wordpress lokal zu hosten statt vom Google-Server zu laden: Mit diesen Tricks und Plugins klappt es problemlos und komfortabel.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/google-fonts-in-wordpress-lokal-hosten\/\" \/>\n<meta property=\"og:site_name\" content=\"STRATO Blog DE Staging\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/strato\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-03T13:34:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-03T13:51:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/08\/symbolbild-schrift-2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"728\" \/>\n\t<meta property=\"og:image:height\" content=\"410\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Vladimir Simovi\u0107\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@vlad_perun\" \/>\n<meta name=\"twitter:site\" content=\"@STRATO_AG\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vladimir Simovi\u0107\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/google-fonts-in-wordpress-lokal-hosten\/\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/google-fonts-in-wordpress-lokal-hosten\/\",\"name\":\"Datenschutz: Google Fonts in WordPress lokal hosten\",\"isPartOf\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website\"},\"datePublished\":\"2022-08-03T13:34:00+00:00\",\"dateModified\":\"2022-08-03T13:51:04+00:00\",\"author\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/d2bc2cf7a9963254156626a1bdbf8388\"},\"description\":\"Google Fonts bei Wordpress lokal zu hosten statt vom Google-Server zu laden: Mit diesen Tricks und Plugins klappt es problemlos und komfortabel.\",\"breadcrumb\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/google-fonts-in-wordpress-lokal-hosten\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/google-fonts-in-wordpress-lokal-hosten\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/google-fonts-in-wordpress-lokal-hosten\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Datenschutz: Google Fonts in WordPress lokal hosten\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/\",\"name\":\"STRATO Blog DE Staging\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/d2bc2cf7a9963254156626a1bdbf8388\",\"name\":\"Vladimir Simovi\u0107\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/04\/vladimir-simovic-strato-blog-110x110.jpg\",\"contentUrl\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/04\/vladimir-simovic-strato-blog-110x110.jpg\",\"caption\":\"Vladimir Simovi\u0107\"},\"description\":\"Vladimir Simovi\u0107 arbeitet seit 2000 mit HTML &amp; CSS und seit Januar 2004 mit WordPress. Im Laufe der Jahre hat er diverse Fachb\u00fccher und Fachartikel publiziert. Seit April 2022 ist er als Senior Online-Redakteur f\u00fcr den Blog-Bereich von STRATO verantwortlich.\",\"sameAs\":[\"https:\/\/www.vladimir-simovic.de\",\"https:\/\/twitter.com\/vlad_perun\",\"https:\/\/de.wikipedia.org\/wiki\/Vladimir_Simovic\"],\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/vladimir-simovic\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Datenschutz: Google Fonts in WordPress lokal hosten","description":"Google Fonts bei Wordpress lokal zu hosten statt vom Google-Server zu laden: Mit diesen Tricks und Plugins klappt es problemlos und komfortabel.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"de_DE","og_type":"article","og_title":"Datenschutz: Google Fonts in WordPress lokal hosten","og_description":"Google Fonts bei Wordpress lokal zu hosten statt vom Google-Server zu laden: Mit diesen Tricks und Plugins klappt es problemlos und komfortabel.","og_url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/google-fonts-in-wordpress-lokal-hosten\/","og_site_name":"STRATO Blog DE Staging","article_publisher":"https:\/\/www.facebook.com\/strato","article_published_time":"2022-08-03T13:34:00+00:00","article_modified_time":"2022-08-03T13:51:04+00:00","og_image":[{"width":728,"height":410,"url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/08\/symbolbild-schrift-2.jpg","type":"image\/jpeg"}],"author":"Vladimir Simovi\u0107","twitter_card":"summary_large_image","twitter_creator":"@vlad_perun","twitter_site":"@STRATO_AG","twitter_misc":{"Verfasst von":"Vladimir Simovi\u0107","Gesch\u00e4tzte Lesezeit":"7 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/google-fonts-in-wordpress-lokal-hosten\/","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/google-fonts-in-wordpress-lokal-hosten\/","name":"Datenschutz: Google Fonts in WordPress lokal hosten","isPartOf":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website"},"datePublished":"2022-08-03T13:34:00+00:00","dateModified":"2022-08-03T13:51:04+00:00","author":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/d2bc2cf7a9963254156626a1bdbf8388"},"description":"Google Fonts bei Wordpress lokal zu hosten statt vom Google-Server zu laden: Mit diesen Tricks und Plugins klappt es problemlos und komfortabel.","breadcrumb":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/google-fonts-in-wordpress-lokal-hosten\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stg.blog-de.strato.wpcust.com\/blog\/google-fonts-in-wordpress-lokal-hosten\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/google-fonts-in-wordpress-lokal-hosten\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Datenschutz: Google Fonts in WordPress lokal hosten"}]},{"@type":"WebSite","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/","name":"STRATO Blog DE Staging","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/d2bc2cf7a9963254156626a1bdbf8388","name":"Vladimir Simovi\u0107","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/04\/vladimir-simovic-strato-blog-110x110.jpg","contentUrl":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/04\/vladimir-simovic-strato-blog-110x110.jpg","caption":"Vladimir Simovi\u0107"},"description":"Vladimir Simovi\u0107 arbeitet seit 2000 mit HTML &amp; CSS und seit Januar 2004 mit WordPress. Im Laufe der Jahre hat er diverse Fachb\u00fccher und Fachartikel publiziert. Seit April 2022 ist er als Senior Online-Redakteur f\u00fcr den Blog-Bereich von STRATO verantwortlich.","sameAs":["https:\/\/www.vladimir-simovic.de","https:\/\/twitter.com\/vlad_perun","https:\/\/de.wikipedia.org\/wiki\/Vladimir_Simovic"],"url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/vladimir-simovic\/"}]}},"_links":{"self":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/95509"}],"collection":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/users\/191"}],"replies":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/comments?post=95509"}],"version-history":[{"count":28,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/95509\/revisions"}],"predecessor-version":[{"id":99296,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/95509\/revisions\/99296"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media\/99288"}],"wp:attachment":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media?parent=95509"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/categories?post=95509"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/tags?post=95509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}