> For the complete documentation index, see [llms.txt](https://wiki.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.themeware.design/mehr-wissen/google-fonts.md). # Google Fonts Google Fonts in Shopware 6 DSGVO-konform nutzen: So erkennst du, ob dein Shop Schriften von Google lädt, und so lieferst du sie stattdessen vom eigenen Server aus – mit ThemeWare® ganz ohne Programmie ## Google Fonts und die DSGVO: worum es geht **Google Fonts** ist eine Sammlung von über 900 Schriftfamilien, die Google kostenlos zur Verfügung stellt. Sie lassen sich auf zwei Wegen in eine Website einbinden: über die **Google Fonts API** – dann lädt der Browser deines Besuchers die Schriftdateien direkt bei Google – oder **lokal**, also von deinem eigenen Webserver. Der Unterschied klingt technisch, ist aber der Kern der Sache: Beim Weg über die API baut der Browser des Besuchers eine Verbindung zu einem Google-Server auf. Dabei wird seine **IP-Adresse** übertragen, ohne dass er zugestimmt hat und ohne dass er es bemerkt. Genau daran entzündet sich die datenschutzrechtliche Diskussion um Google Fonts – Onlineshops in Deutschland haben deswegen in den vergangenen Jahren zahlreiche Abmahnungen erhalten. Lädst du dieselbe Schrift stattdessen von deinem eigenen Server, entfällt diese Verbindung vollständig. Für deine Besucher sieht der Shop identisch aus. {% hint style="danger" %} **Haftungsausschluss**: Die Informationen in diesem Artikel sind allgemeiner Natur und können keine konkrete rechtliche Beratung ersetzen. Lasse dich vor der Nutzung von Font APIs wie z.B. Google Fonts bezüglich *Datenschutz-Grundverordnung (DSGVO)* unbedingt rechtlich beraten! {% endhint %} ## Woran du erkennst, ob dein Shop Google Fonts lädt Die Frage lässt sich in zwei Minuten mit der Entwicklerkonsole deines Browsers beantworten: Tauchen beim Laden deiner Seite die Hosts **`fonts.googleapis.com`** oder **`fonts.gstatic.com`** auf, holt dein Shop Schriften bei Google. Wie das Schritt für Schritt geht, zeigen wir dir in dieser Anleitung: [Website auf Google Fonts prüfen](/wissensdatenbank/anleitungen/fonts/website-auf-google-fonts-pruefen.md) {% hint style="warning" %} **Wichtig**: Prüfe deinen Shop stets sorgfältig auf Google Fonts. Diese können auch **unabhängig vom verwendeten Theme** hereinkommen – beispielsweise durch andere Plugins, eingebundene Kartendienste, Bewertungs-Widgets oder individuelle Anpassungen. Ein sauberes Theme allein ist noch keine Garantie für einen sauberen Shop. {% endhint %} ## Drei Wege, Schriften in Shopware 6 auszuliefern ### 1) Mitgelieferte Schriften nutzen Der einfachste Weg: Du verwendest eine Schrift, die dein Theme bereits mitbringt. Sie liegt dann auf deinem Webserver und wird von dort geladen – ohne API, ohne Verbindung zu Dritten, ohne dass du etwas einrichten musst. ThemeWare® liefert **15 Schriften** mit, die alle auf diesem Weg ausgeliefert werden. Welche das sind, findest du im ThemeWare® Handbuch: {% embed url="" %} ThemeWare® Handbuch => Schriften {% endembed %} ### 2) Eigene Schriften lokal einbinden Du möchtest eine Schrift nutzen, die nicht mitgeliefert wird – etwa eine Google-Schrift, die nicht dabei ist, oder eine gekaufte Hausschrift? Dann lädst du die Schriftdateien einmalig herunter und hinterlegst sie auf deinem Webserver. Das Ergebnis ist dasselbe wie bei Weg 1: Die Schrift kommt von deinem Server, nicht von Google. * [Fonts lokal einbinden](/wissensdatenbank/anleitungen/fonts/fonts-lokal-einbinden.md) * [Fonts mit dem ThemeWare® Customizing Plugin lokal einbinden](/wissensdatenbank/anleitungen/fonts/fonts-mit-dem-themeware-customizing-plugin-lokal-einbinden.md) {% hint style="success" %} **Tipp**: Prüfe vorher, ob es im [Shopware Community Store](https://store.shopware.com/erweiterungen/?p=1\&o=12\&n=21\&shopwareVersion=6) bereits eine passende Erweiterung gibt, die dir die Arbeit abnimmt. {% endhint %} ### 3) Die Google Fonts API bewusst aktivieren ThemeWare® kann Schriften auch über die Google Fonts API importieren. Diese Konfiguration ist ab Werk **deaktiviert** und muss von dir bewusst eingeschaltet werden: > Tab "Layout" => Bereich "Typografie" => Abschnitt "Google Fonts" => Konfiguration "Google Fonts importieren" Wie der Import funktioniert, erklären wir dir hier: [Google Fonts importieren](/wissensdatenbank/anleitungen/fonts/google-fonts-importieren.md) {% hint style="danger" %} **Wichtig**: Wir empfehlen dir, Schriften lokal einzubinden und nicht über die Google Fonts API zu importieren. Lasse dich vor der Nutzung von Font APIs wie z.B. Google Fonts bezüglich *Datenschutz-Grundverordnung (DSGVO)* unbedingt rechtlich beraten! {% endhint %} ## ThemeWare® liefert alle Schriften lokal aus Die oben gezeigten Wege funktionieren grundsätzlich in jedem Shopware-Theme. Mit **ThemeWare®** musst du dich um das Thema von Haus aus gar nicht kümmern: Alle mitgelieferten Schriften liegen auf deinem eigenen Webserver, die Google Fonts API ist ab Werk abgeschaltet. Du kannst deinen Shop einrichten, ohne eine einzige Zeile Code anzufassen – und ohne dass eine Verbindung zu Google entsteht. ### Deine Vorteile mit ThemeWare® * **Ohne Programmierung**: Die Schriften sind Bestandteil jedes Themes und werden automatisch von deinem Server geladen – kein Download, kein Upload, kein Zusatz-Plugin. * **15 Schriften zur Auswahl**: Serifenlose Schriften, Serifenschriften und Display-Schriften – für Text und Überschriften getrennt konfigurierbar. * **Ab Werk sicher eingestellt**: Die Konfiguration "Google Fonts importieren" steht standardmäßig auf "nein". * **Erkennt deine Eingabe automatisch**: Trägst du den Namen einer mitgelieferten Schrift ein, lädt ThemeWare® sie direkt lokal aus. * **Erweiterbar**: Eigene Schriften kannst du jederzeit ergänzen – ThemeWare® steht dem nicht im Weg. ### In 3 Schritten ohne Google Fonts #### 1) Schriftart auswählen Wähle für Text und Überschriften eine der mitgelieferten Schriften: > Tab "Layout" => Bereich "Typografie" => Abschnitt "Text" => Konfiguration "Schriftart" > Tab "Layout" => Bereich "Typografie" => Abschnitt "Überschriften" => Konfiguration "Schriftart" Trage die Schrift zusammen mit einem Fallback-Font ein, zum Beispiel `'Open Sans', sans-serif`. #### 2) API-Import ausgeschaltet lassen Stelle sicher, dass der Import über die Google Fonts API deaktiviert ist: > Tab "Layout" => Bereich "Typografie" => Abschnitt "Google Fonts" => Konfiguration "Google Fonts importieren" => "nein" #### 3) Ergebnis prüfen Rufe deinen Shop auf und sieh in der Entwicklerkonsole nach, ob noch Schriften von `fonts.googleapis.com` oder `fonts.gstatic.com` geladen werden. Bleibt die Liste leer, kommen alle Schriften von deinem eigenen Server. {% hint style="info" %} **Hinweis**: Findest du dort noch Einträge, stammen sie aus einer anderen Quelle als deinem Theme – prüfe in dem Fall deine übrigen Plugins und individuellen Anpassungen. {% endhint %} *** ## Weiterführende Informationen * Grundwissen: Wie die Schriftkonfiguration in ThemeWare® funktioniert, erfährst du im Artikel [Schriftkonfiguration](/wissensdatenbank/grundwissen/schriftkonfiguration.md) * Einführung: [Schriften konfigurieren](/wissensdatenbank/einfuehrung/schriften-konfigurieren.md) * Anleitung: [Website auf Google Fonts prüfen](/wissensdatenbank/anleitungen/fonts/website-auf-google-fonts-pruefen.md) * Anleitung: [Fonts lokal einbinden](/wissensdatenbank/anleitungen/fonts/fonts-lokal-einbinden.md) * Anleitung: [Google Fonts importieren](/wissensdatenbank/anleitungen/fonts/google-fonts-importieren.md) Welche Schriften ThemeWare® mitliefert und wie du sie einsetzt, steht im Handbuch: {% embed url="" %} ThemeWare® Handbuch => Schriften {% endembed %}