{"id":2695,"date":"2023-01-17T14:00:54","date_gmt":"2023-01-17T13:00:54","guid":{"rendered":"https:\/\/artif.com\/blog\/?p=2695"},"modified":"2023-01-17T14:00:59","modified_gmt":"2023-01-17T13:00:59","slug":"google-fonts-selber-hosten","status":"publish","type":"post","link":"https:\/\/artif.com\/blog\/google-fonts-selber-hosten.html","title":{"rendered":"Google Fonts selber hosten"},"content":{"rendered":"\n<p>Am <a href=\"https:\/\/www.gesetze-bayern.de\/Content\/Document\/Y-300-Z-BECKRS-B-2022-N-612?hl=true#:~:text=Das%20Recht%20auf%20informationelle%20Selbstbestimmung,Sinne%20von%20%C2%A7%2012%20Abs.\" target=\"_blank\" rel=\"noreferrer noopener\">20.01.2022<\/a> urteilte das <a href=\"https:\/\/www.justiz.bayern.de\/gerichte-und-behoerden\/landgericht\/muenchen-1\/\" target=\"_blank\" rel=\"noreferrer noopener\">Landgericht M\u00fcnchen<\/a> dass die Einbindung von Google Fonts (z. Dt. Schriftarten) eine Verletzung des Pers\u00f6nlichkeitsrechts darstellt, da die Einbindung nicht <a href=\"https:\/\/eur-lex.europa.eu\/legal-content\/DE\/TXT\/?uri=CELEX:32016R0679&amp;qid=1667467297769\" target=\"_blank\" rel=\"noreferrer noopener\">DSGVO-Konform<\/a> ist.<\/p>\n\n\n\n<p>Nun drohen Abmahnungen <\/p>\n\n\n\n<p>Der Hintergrund ist, dass dynamische IP-Adressen personenbezogene Daten darstellen und die ben\u00f6tigten Dateien von Google auf Servern gehostet werden, deren Standort sich nicht in Europa befindet. Durch die Einbindung dieser Dateien \u00fcber das CDN (Content Delivery Network) werden die IP-Adressen der Besucher auf den besagten Servern von Google gespeichert und weiterverarbeitet.<br>Und da die Server nicht zwangsweise in der EU stehen, findet EU-Recht bei diesen keine Anwendung.<\/p>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Die g\u00e4ngigste Methode um den Versto\u00df der DSGVO vorzubeugen besteht darin die Dateien selbstst\u00e4ndig zu hosten. Wie man dies einrichten kann erkl\u00e4ren wir in diesem Beitrag.<\/strong><\/p>\n\n\n\n<p>Folgende Schritte werden hierzu n\u00f6tig sein:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Links zu den Schriftarten finden<\/li>\n\n\n\n<li>Schriftarten herunterladen und speichern<\/li>\n\n\n\n<li>Webseite bearbeiten, so dass die selbst gehosteten Schriftarten geladen werden<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">1. Links zu den Schriftarten finden<\/h2>\n\n\n\n<p>In den eigenen <a href=\"https:\/\/www.w3schools.com\/css\/\" target=\"_blank\" rel=\"noreferrer noopener\">CSS-Dateien (Cascading Style Sheet)<\/a> finden sich die Links der Schriftarten in der <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/At-rule\" target=\"_blank\" rel=\"noreferrer noopener\">At-rule<\/a> <a href=\"https:\/\/www.w3schools.com\/csSref\/css3_pr_font-face_rule.php\" target=\"_blank\" rel=\"noreferrer noopener\">@font-face{}<\/a> unter dem Keyword &#8222;src:&#8220;.<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"405\" src=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-1024x405.png\" alt=\"\/* vietnamese *\/\n@font-face {\n    font-family: 'Open Sans';\n    font-style: normal;\n    font-weight: 400;\n    font-stretch: 100%;\n    src: url(https:\/\/fonts.gstatic.com\/s\/opensans\/v34\/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4vaVIGxA.woff2) format('woff2');\n    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n\n\/* latin-ext *\/\n@font-face {\n    font-family: 'Open Sans';\n    font-style: normal;\n    font-weight: 400;\n    font-stretch: 100%;\n    src: url(https:\/\/fonts.gstatic.com\/s\/opensans\/v34\/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4uaVIGxA.woff2) format('woff2');\n    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n\/* latin *\/\n@font-face {\n    font-family: 'Open Sans';\n    font-style: normal;\n    font-weight: 400;\n    font-stretch: 100%;\n    src: url(https:\/\/fonts.gstatic.com\/s\/opensans\/v34\/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2) format('woff2');\n    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\" class=\"wp-image-2729\" srcset=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-1024x405.png 1024w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-300x119.png 300w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-768x304.png 768w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-1536x608.png 1536w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-2048x810.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Beispiel<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">2. Schriftarten herunterladen und speichern<\/h2>\n\n\n\n<p>Diese Links m\u00fcssen Sie einmal kopieren und in einem Browser \u00f6ffnen.<br>Im Normalfall sollte die jeweilige Datei direkt heruntergeladen werden.<br>Gegebenenfalls ist eine Datei mehrmals als Link angegeben. Diese m\u00fcssen Sie nat\u00fcrlich nur ein mal herunterladen. Stellen Sie sicher, dass Sie jede Datei einmal haben. Wenn Sie m\u00f6chten, k\u00f6nnen Sie diese nach dem herunterladen umbenennen. In diesem Fall m\u00fcssen Sie sich aber merken welche Datei welchem Link entspricht.<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"199\" src=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-1-1024x199.png\" alt=\"Dieses Bild kann in Ihrem Browser leider nicht angezeigt werden.\nErfahren Sie hier, wie Sie Ihren Browser updaten:\nhttps:\/\/www.youtube.com\/watch?v=dQw4w9WgXcQ\" class=\"wp-image-2731\" srcset=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-1-1024x199.png 1024w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-1-300x58.png 300w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-1-768x149.png 768w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-1.png 1485w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Gedownloadete Schriftarten<\/figcaption><\/figure>\n\n\n\n<p>Haben Sie dann alle Dateien heruntergeladen, kopieren Sie diese Dateien in ein Verzeichnis auf Ihrem Webserver.<br>Dies kann ein beliebiges Verzeichnis sein.<br>Wir benutzen hierf\u00fcr Typo3 und das Verzeichnis \/fileadmin\/Public\/Fonts\/<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"809\" src=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-2022-12-02-135131-1024x809.png\" alt=\"Dieses Bild kann in Ihrem Browser leider nicht angezeigt werden.\nErfahren Sie hier, wie Sie Ihren Browser updaten:\nhttps:\/\/www.youtube.com\/watch?v=dQw4w9WgXcQ\" class=\"wp-image-2734\" srcset=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-2022-12-02-135131-1024x809.png 1024w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-2022-12-02-135131-300x237.png 300w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-2022-12-02-135131-768x607.png 768w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-2022-12-02-135131.png 1078w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Dateien hochladen<\/figcaption><\/figure>\n\n\n\n<p>Schlussendlich sollte es wie folgt aussehen:<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"262\" src=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-2-1024x262.png\" alt=\"Dieses Bild kann in Ihrem Browser leider nicht angezeigt werden.\nErfahren Sie hier, Wie Sie Ihren Browser updaten:\nhttps:\/\/www.youtube.com\/watch?v=dQw4w9WgXcQ\" class=\"wp-image-2737\" srcset=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-2-1024x262.png 1024w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-2-300x77.png 300w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-2-768x196.png 768w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-2-1536x393.png 1536w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-2-2048x523.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Dateien in Typo3<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">3. Webseite bearbeiten, so dass die selbst gehosteten Schriftarten geladen werden<\/h2>\n\n\n\n<p>Nun m\u00fcssen wir die Links in unserer CSS-Datei \u00e4ndern, damit die Schriftarten von unserem Server geladen werden und nicht mehr von Google.<br>Die Links werden hier einfach angepasst und der Pfad des Webservers eingetragen:<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"421\" src=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-3-1024x421.png\" alt=\"\/* vietnamese *\/\n@font-face {\n    font-family: 'Open Sans';\n    font-style: normal;\n    font-weight: 400;\n    font-stretch: 100%;\n    src: url(\/fileadmin\/Public\/Fonts\/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4vaVIGxA.woff2) format('woff2');\n    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n\n\/* latin-ext *\/\n@font-face {\n    font-family: 'Open Sans';\n    font-style: normal;\n    font-weight: 400;\n    font-stretch: 100%;\n    src: url(\/fileadmin\/Public\/Fonts\/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4uaVIGxA.woff2) format('woff2');\n    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n\/* latin *\/\n@font-face {\n    font-family: 'Open Sans';\n    font-style: normal;\n    font-weight: 400;\n    font-stretch: 100%;\n    src: url(\/fileadmin\/Public\/Fonts\/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2) format('woff2');\n    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\" class=\"wp-image-2739\" srcset=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-3-1024x421.png 1024w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-3-300x123.png 300w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-3-768x316.png 768w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-3-1536x632.png 1536w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-3-2048x843.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Ge\u00e4nderte Pfade<\/figcaption><\/figure>\n\n\n\n<p>Typo3 bietet eine ganz einfache L\u00f6sung statische Routen einzutragen. Somit kann man Dateien sch\u00f6n in Ordner sortieren und dem Webserver sagen, dass diese im Wurzelverzeichnis, das sogenannte &#8222;root&#8220; liegen. Dies bietet sich auch sehr gut an um Favicons zu laden, ohne dass man im HTML zwangsweise einen Pfad angeben muss, wo man die Favicons findet.<br><a href=\"https:\/\/artif.com\/blog\/howto-wirkungsvolle-favicons-fur-die-website-verbluffend-einfach.html\" target=\"_blank\" rel=\"noreferrer noopener\">Eine passende Beitragsserie wie man Favicons einbindet finden Sie im \u00fcbrigen hier.<\/a><\/p>\n\n\n\n<p>Hierf\u00fcr gehen wir in Typo3 im Reiter &#8222;Site Management&#8220; auf &#8222;Sites&#8220; und klicken das &#8222;Edit-Symbol&#8220; an:<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"573\" src=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-4-1024x573.png\" alt=\"Dieses Bild kann in Ihrem Browser leider nicht angezeigt werden.\nErfahren Sie hier, wie Sie Ihren Browser updaten:\nhttps:\/\/www.youtube.com\/watch?v=dQw4w9WgXcQ\" class=\"wp-image-2749\" srcset=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-4-1024x573.png 1024w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-4-300x168.png 300w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-4-768x430.png 768w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-4.png 1078w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Neue Static Routes anlegen<\/figcaption><\/figure>\n\n\n\n<p>Im Reiter &#8222;Static Routes&#8220; klicken Sie &#8222;Create new&#8220; um ein neues Element anzulegen. Danach taucht ein Feld auf in dem Sie die Static Route definieren.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"541\" src=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-1024x541.png\" alt=\"Dieses Bild kann in Ihrem Browser leider nicht angezeigt werden.\nErfahren Sie hier, wie Sie Ihren Browser updaten:\nhttps:\/\/www.youtube.com\/watch?v=dQw4w9WgXcQ\" class=\"wp-image-2759\" srcset=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-1024x541.png 1024w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-300x159.png 300w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-768x406.png 768w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511.png 1073w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Feld einer neuen Static Route<\/figcaption><\/figure>\n\n\n\n<p>Zun\u00e4chst w\u00e4hlen wir im unteren Drop-Down Men\u00fc bei &#8222;Route Type&#8220; die Option &#8222;Page, File or URL&#8220; aus. Danach \u00f6ffnet sich ein Pop-Up welches darauf hinweist, dass die Seite einmal neu geladen werden muss um die \u00c4nderung anzuwenden. Best\u00e4tigen Sie mit &#8222;OK&#8220;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"345\" src=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-1-1024x345.png\" alt=\"Dieses Bild kann in Ihrem Browser leider nicht angezeigt werden.\nErfahren Sie hier, wie Sie Ihren Browser updaten:\nhttps:\/\/www.youtube.com\/watch?v=dQw4w9WgXcQ\" class=\"wp-image-2762\" srcset=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-1-1024x345.png 1024w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-1-300x101.png 300w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-1-768x259.png 768w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-1-1536x517.png 1536w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-1.png 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Ausw\u00e4hlen des Routentyps<\/figcaption><\/figure>\n\n\n\n<p>Nach dem Neuladen der Seite erweitern wir das neue Feld das aufgetaucht ist in dem &#8222;redirects to [Undefined]&#8220; stehen m\u00fcsste. Dort ist jetzt ein zus\u00e4tzliches Feld mit der Bezeichnung &#8222;Page, File or URL&#8220; aufgetaucht. Um nun die Datei auszuw\u00e4hlen klicken Sie auf das Kettensymbol.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"624\" src=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-2-1024x624.png\" alt=\"Dieses Bild kann in Ihrem Browser leider nicht angezeigt werden.\nErfahren Sie hier, wie Sie Ihren Browser updaten:\nhttps:\/\/www.youtube.com\/watch?v=dQw4w9WgXcQ\" class=\"wp-image-2765\" srcset=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-2-1024x624.png 1024w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-2-300x183.png 300w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-2-768x468.png 768w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-2.png 1078w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>In dem Pop-Up das sich nun ge\u00f6ffnet hat finden wir im Reiter &#8222;File&#8220; unsere Ordnerstruktur. Dort navigieren wir uns zu den Fontdateien, die wir unter &#8222;\/fileadmin\/Public\/Fonts\/&#8220; abgespeichert haben.<br>Jetzt w\u00e4hlen wir noch die erste Datei aus: Ein einfaches anklicken der Datei reicht.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"814\" src=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-3-1024x814.png\" alt=\"Dieses Bild kann in Ihrem Browser leider nicht angezeigt werden.\nErfahren Sie hier, wie Sie Ihren Browser updaten:\nhttps:\/\/www.youtube.com\/watch?v=dQw4w9WgXcQ\" class=\"wp-image-2768\" srcset=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-3-1024x814.png 1024w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-3-300x238.png 300w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-3-768x611.png 768w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-3.png 1078w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Ausw\u00e4hlen der Datei<\/figcaption><\/figure>\n\n\n\n<p>Nun muss in dem Feld &#8222;Static Route Name&#8220; der Pfad eingetragen werden unter welchem die Datei geladen werden soll. Da wir diese Datei in unserem &#8222;root&#8220; Verzeichnis sehen m\u00f6chten tragen wir hierf\u00fcr &#8222;\/Name-Der-Datei.woff2&#8220; ein. In unserem Fall ist dies &#8222;\/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2&#8220;. Danach noch ein kurzer Klick auf &#8222;Save&#8220; und man kann die Datei unter &#8222;ihre.domain.hier\/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2&#8220; erreichen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"628\" src=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-6-1024x628.png\" alt=\"Dieses Bild kann in Ihrem Browser leider nicht angezeigt werden.\nErfahren Sie hier, wie Sie Ihren Browser updaten:\nhttps:\/\/www.youtube.com\/watch?v=dQw4w9WgXcQ\" class=\"wp-image-2778\" srcset=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-6-1024x628.png 1024w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-6-300x184.png 300w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-6-768x471.png 768w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-6.png 1074w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Eintragen des Dateinamen<\/figcaption><\/figure>\n\n\n\n<p>Sollten Sie Probleme haben den richtigen Dateinamen herauszufinden, k\u00f6nnen Sie noch einmal auf das Kettensymbol klicken und aus dem ge\u00f6ffneten Pop-Up den Dateinamen der ganz oben angezeigt wird mit der Maus markieren und kopieren.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"406\" src=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-5-1024x406.png\" alt=\"Dieses Bild kann in Ihrem Browser leider nicht angezeigt werden.\nErfahren Sie hier, wie Sie Ihren Browser updaten:\nhttps:\/\/www.youtube.com\/watch?v=dQw4w9WgXcQ\" class=\"wp-image-2774\" srcset=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-5-1024x406.png 1024w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-5-300x119.png 300w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-5-768x304.png 768w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221202_143511-5.png 1072w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Kopieren des Dateinamens<\/figcaption><\/figure>\n\n\n\n<p>Dies wiederholen Sie nun f\u00fcr alle Fontdateien, damit es am Ende wie folgt aussehen:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"746\" src=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221216_110540-1024x746.png\" alt=\"Dieses Bild kann in Ihrem Browser leider nicht angezeigt werden.\nErfahren Sie hier, wie Sie Ihren Browser updaten:\nhttps:\/\/www.youtube.com\/watch?v=dQw4w9WgXcQ\" class=\"wp-image-2780\" srcset=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221216_110540-1024x746.png 1024w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221216_110540-300x219.png 300w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221216_110540-768x559.png 768w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221216_110540.png 1075w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Die angelegten Routen<\/figcaption><\/figure>\n\n\n\n<p>Zum Schluss m\u00fcssen in der CSS die entsprechenden Links abge\u00e4ndert werden. Hierf\u00fcr k\u00f6nnen wir einfach aus jeder Zeile &#8222;\/fileadmin\/Public\/Fonts&#8220; heraus l\u00f6schen, so dass nur noch &#8222;\/Name-Der-Datei.woff2&#8220; \u00fcbrig bleibt. Dies sieht dann wie folgt aus:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"422\" src=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221216_111237-1024x422.png\" alt=\"\/* vietnamese *\/\n@font-face {\n    font-family: 'Open Sans';\n    font-style: normal;\n    font-weight: 400;\n    font-stretch: 100%;\n    src: url(\/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4vaVIGxA.woff2) format('woff2');\n    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n\n\/* latin-ext *\/\n@font-face {\n    font-family: 'Open Sans';\n    font-style: normal;\n    font-weight: 400;\n    font-stretch: 100%;\n    src: url(\/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4uaVIGxA.woff2) format('woff2');\n    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n\/* latin *\/\n@font-face {\n    font-family: 'Open Sans';\n    font-style: normal;\n    font-weight: 400;\n    font-stretch: 100%;\n    src: url(\/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2) format('woff2');\n    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\" class=\"wp-image-2784\" srcset=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221216_111237-1024x422.png 1024w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221216_111237-300x124.png 300w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221216_111237-768x317.png 768w, https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot_20221216_111237.png 1365w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">neue Pfade in der CSS<\/figcaption><\/figure>\n\n\n\n<p>Und Hiermit haben Sie erfolgreich die Google-Fonts lokal eingebunden und k\u00f6nnen Ihre Webseite betreiben, ohne die Sorge haben zu m\u00fcssen, eine Abmahnung zu bekommen oder gegen die DSGVO zu versto\u00dfen.<\/p>\n\n\n\n<p>Sollten Sie dennoch Hilfe ben\u00f6tigen, d\u00fcrfen Sie uns gerne <a href=\"http:\/\/artif.com\/kontakt\">kontaktieren<\/a>. Wir freuen uns, wenn wir Ihnen weiterhelfen k\u00f6nnen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Am 20.01.2022 urteilte das Landgericht M\u00fcnchen dass die Einbindung von Google Fonts (z. Dt. Schriftarten) eine Verletzung des Pers\u00f6nlichkeitsrechts darstellt, da die Einbindung nicht DSGVO-Konform ist. Nun drohen Abmahnungen Der Hintergrund ist, dass dynamische IP-Adressen personenbezogene Daten darstellen und die ben\u00f6tigten Dateien von Google auf Servern gehostet werden, deren Standort sich nicht in Europa befindet&#8230;.<\/p>\n<p><span class=\"hidden-desktop article_mobileCategory\"><a href=\"https:\/\/artif.com\/blog\/category\/allgemein\" title=\"Alle Artikel in Allgemein\"><span class=\"hidden-desktop articleCategory_icon icon-allgemein\"><\/span> Allgemein<\/a><\/span><a class=\"article_moreLink\" href=\"https:\/\/artif.com\/blog\/google-fonts-selber-hosten.html\" aria-label=\"Weiterlesen: Google Fonts selber hosten\"><span class=\"icon icon-readmore\"><\/span> Weiterlesen<\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2695","post","type-post","status-publish","format-standard","hentry","category-allgemein"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Google Fonts selber hosten - Blog artif T\u00fcbingen<\/title>\n<meta name=\"description\" content=\"DSGVO konform Google Fonts verwenden - Dateien selbstst\u00e4ndig hosten. Wie man dies einrichten kann erkl\u00e4ren wir in diesem Beitrag.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/artif.com\/blog\/google-fonts-selber-hosten.html\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Google Fonts selber hosten - Blog artif T\u00fcbingen\" \/>\n<meta property=\"og:description\" content=\"DSGVO konform Google Fonts verwenden - Dateien selbstst\u00e4ndig hosten. Wie man dies einrichten kann erkl\u00e4ren wir in diesem Beitrag.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/artif.com\/blog\/google-fonts-selber-hosten.html\" \/>\n<meta property=\"og:site_name\" content=\"Blog artif T\u00fcbingen\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pages\/TYPO3-Agentur-artif-Gmbh-Co-KG\/101490748200\" \/>\n<meta property=\"article:published_time\" content=\"2023-01-17T13:00:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-17T13:00:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-1024x405.png\" \/>\n<meta name=\"author\" content=\"arti\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@artifcom\" \/>\n<meta name=\"twitter:site\" content=\"@artifcom\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"arti\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"8\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/google-fonts-selber-hosten.html#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/google-fonts-selber-hosten.html\"},\"author\":{\"name\":\"arti\",\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/#\\\/schema\\\/person\\\/817283e2b7162470a5b977b7318850de\"},\"headline\":\"Google Fonts selber hosten\",\"datePublished\":\"2023-01-17T13:00:54+00:00\",\"dateModified\":\"2023-01-17T13:00:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/google-fonts-selber-hosten.html\"},\"wordCount\":857,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/google-fonts-selber-hosten.html#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/artif.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/image-1024x405.png\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/artif.com\\\/blog\\\/google-fonts-selber-hosten.html#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/google-fonts-selber-hosten.html\",\"url\":\"https:\\\/\\\/artif.com\\\/blog\\\/google-fonts-selber-hosten.html\",\"name\":\"Google Fonts selber hosten - Blog artif T\u00fcbingen\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/google-fonts-selber-hosten.html#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/google-fonts-selber-hosten.html#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/artif.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/image-1024x405.png\",\"datePublished\":\"2023-01-17T13:00:54+00:00\",\"dateModified\":\"2023-01-17T13:00:59+00:00\",\"description\":\"DSGVO konform Google Fonts verwenden - Dateien selbstst\u00e4ndig hosten. Wie man dies einrichten kann erkl\u00e4ren wir in diesem Beitrag.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/google-fonts-selber-hosten.html#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/artif.com\\\/blog\\\/google-fonts-selber-hosten.html\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/google-fonts-selber-hosten.html#primaryimage\",\"url\":\"https:\\\/\\\/artif.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/image.png\",\"contentUrl\":\"https:\\\/\\\/artif.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/image.png\",\"width\":2374,\"height\":939},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/google-fonts-selber-hosten.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/artif.com\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Google Fonts selber hosten\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/artif.com\\\/blog\\\/\",\"name\":\"Blog artif T\u00fcbingen\",\"description\":\"Blog von artif aus T\u00fcbingen: Internetagentur, Webdesign und TYPO3 von den Web Experts f\u00fcr Internet und Intranet aus T\u00fcbingen.\",\"publisher\":{\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/artif.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/#organization\",\"name\":\"artif T\u00fcbingen\",\"url\":\"https:\\\/\\\/artif.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/artif.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/logo-artif-cs5_rgb.png\",\"contentUrl\":\"https:\\\/\\\/artif.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/logo-artif-cs5_rgb.png\",\"width\":1902,\"height\":528,\"caption\":\"artif T\u00fcbingen\"},\"image\":{\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/pages\\\/TYPO3-Agentur-artif-Gmbh-Co-KG\\\/101490748200\",\"https:\\\/\\\/x.com\\\/artifcom\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/#\\\/schema\\\/person\\\/817283e2b7162470a5b977b7318850de\",\"name\":\"arti\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/358a03b7694baea6aaa1d125b46716741d638ac58db5cf9ac2840a11558f7e40?s=96&d=identicon&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/358a03b7694baea6aaa1d125b46716741d638ac58db5cf9ac2840a11558f7e40?s=96&d=identicon&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/358a03b7694baea6aaa1d125b46716741d638ac58db5cf9ac2840a11558f7e40?s=96&d=identicon&r=g\",\"caption\":\"arti\"},\"sameAs\":[\"https:\\\/\\\/artif.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Google Fonts selber hosten - Blog artif T\u00fcbingen","description":"DSGVO konform Google Fonts verwenden - Dateien selbstst\u00e4ndig hosten. Wie man dies einrichten kann erkl\u00e4ren wir in diesem Beitrag.","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:\/\/artif.com\/blog\/google-fonts-selber-hosten.html","og_locale":"de_DE","og_type":"article","og_title":"Google Fonts selber hosten - Blog artif T\u00fcbingen","og_description":"DSGVO konform Google Fonts verwenden - Dateien selbstst\u00e4ndig hosten. Wie man dies einrichten kann erkl\u00e4ren wir in diesem Beitrag.","og_url":"https:\/\/artif.com\/blog\/google-fonts-selber-hosten.html","og_site_name":"Blog artif T\u00fcbingen","article_publisher":"https:\/\/www.facebook.com\/pages\/TYPO3-Agentur-artif-Gmbh-Co-KG\/101490748200","article_published_time":"2023-01-17T13:00:54+00:00","article_modified_time":"2023-01-17T13:00:59+00:00","og_image":[{"url":"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-1024x405.png","type":"","width":"","height":""}],"author":"arti","twitter_card":"summary_large_image","twitter_creator":"@artifcom","twitter_site":"@artifcom","twitter_misc":{"Verfasst von":"arti","Gesch\u00e4tzte Lesezeit":"8\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/artif.com\/blog\/google-fonts-selber-hosten.html#article","isPartOf":{"@id":"https:\/\/artif.com\/blog\/google-fonts-selber-hosten.html"},"author":{"name":"arti","@id":"https:\/\/artif.com\/blog\/#\/schema\/person\/817283e2b7162470a5b977b7318850de"},"headline":"Google Fonts selber hosten","datePublished":"2023-01-17T13:00:54+00:00","dateModified":"2023-01-17T13:00:59+00:00","mainEntityOfPage":{"@id":"https:\/\/artif.com\/blog\/google-fonts-selber-hosten.html"},"wordCount":857,"commentCount":1,"publisher":{"@id":"https:\/\/artif.com\/blog\/#organization"},"image":{"@id":"https:\/\/artif.com\/blog\/google-fonts-selber-hosten.html#primaryimage"},"thumbnailUrl":"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-1024x405.png","inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/artif.com\/blog\/google-fonts-selber-hosten.html#respond"]}]},{"@type":"WebPage","@id":"https:\/\/artif.com\/blog\/google-fonts-selber-hosten.html","url":"https:\/\/artif.com\/blog\/google-fonts-selber-hosten.html","name":"Google Fonts selber hosten - Blog artif T\u00fcbingen","isPartOf":{"@id":"https:\/\/artif.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/artif.com\/blog\/google-fonts-selber-hosten.html#primaryimage"},"image":{"@id":"https:\/\/artif.com\/blog\/google-fonts-selber-hosten.html#primaryimage"},"thumbnailUrl":"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image-1024x405.png","datePublished":"2023-01-17T13:00:54+00:00","dateModified":"2023-01-17T13:00:59+00:00","description":"DSGVO konform Google Fonts verwenden - Dateien selbstst\u00e4ndig hosten. Wie man dies einrichten kann erkl\u00e4ren wir in diesem Beitrag.","breadcrumb":{"@id":"https:\/\/artif.com\/blog\/google-fonts-selber-hosten.html#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/artif.com\/blog\/google-fonts-selber-hosten.html"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/artif.com\/blog\/google-fonts-selber-hosten.html#primaryimage","url":"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image.png","contentUrl":"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/12\/image.png","width":2374,"height":939},{"@type":"BreadcrumbList","@id":"https:\/\/artif.com\/blog\/google-fonts-selber-hosten.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/artif.com\/blog"},{"@type":"ListItem","position":2,"name":"Google Fonts selber hosten"}]},{"@type":"WebSite","@id":"https:\/\/artif.com\/blog\/#website","url":"https:\/\/artif.com\/blog\/","name":"Blog artif T\u00fcbingen","description":"Blog von artif aus T\u00fcbingen: Internetagentur, Webdesign und TYPO3 von den Web Experts f\u00fcr Internet und Intranet aus T\u00fcbingen.","publisher":{"@id":"https:\/\/artif.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/artif.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/artif.com\/blog\/#organization","name":"artif T\u00fcbingen","url":"https:\/\/artif.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/artif.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/artif.com\/blog\/wp-content\/uploads\/2021\/03\/logo-artif-cs5_rgb.png","contentUrl":"https:\/\/artif.com\/blog\/wp-content\/uploads\/2021\/03\/logo-artif-cs5_rgb.png","width":1902,"height":528,"caption":"artif T\u00fcbingen"},"image":{"@id":"https:\/\/artif.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pages\/TYPO3-Agentur-artif-Gmbh-Co-KG\/101490748200","https:\/\/x.com\/artifcom"]},{"@type":"Person","@id":"https:\/\/artif.com\/blog\/#\/schema\/person\/817283e2b7162470a5b977b7318850de","name":"arti","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/358a03b7694baea6aaa1d125b46716741d638ac58db5cf9ac2840a11558f7e40?s=96&d=identicon&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/358a03b7694baea6aaa1d125b46716741d638ac58db5cf9ac2840a11558f7e40?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/358a03b7694baea6aaa1d125b46716741d638ac58db5cf9ac2840a11558f7e40?s=96&d=identicon&r=g","caption":"arti"},"sameAs":["https:\/\/artif.com"]}]}},"publishpress_future_action":{"enabled":false,"date":"2026-05-02 08:26:27","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/artif.com\/blog\/wp-json\/wp\/v2\/posts\/2695","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/artif.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/artif.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/artif.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/artif.com\/blog\/wp-json\/wp\/v2\/comments?post=2695"}],"version-history":[{"count":40,"href":"https:\/\/artif.com\/blog\/wp-json\/wp\/v2\/posts\/2695\/revisions"}],"predecessor-version":[{"id":2810,"href":"https:\/\/artif.com\/blog\/wp-json\/wp\/v2\/posts\/2695\/revisions\/2810"}],"wp:attachment":[{"href":"https:\/\/artif.com\/blog\/wp-json\/wp\/v2\/media?parent=2695"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/artif.com\/blog\/wp-json\/wp\/v2\/categories?post=2695"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/artif.com\/blog\/wp-json\/wp\/v2\/tags?post=2695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}