Alles, was Sie wissen sollten bevor Sie installieren.
Ein detaillierter Blick darauf, wie Google Fonts lokal einbinden PrestaShop 8/9 — DSGVO-konforme Schriften funktioniert, warum wir es so gebaut haben und der Gedanke hinter den Funktionen oben.
§ 01
Google Fonts und DSGVO: ein sehr reales Abmahnrisiko
Lädt Ihr Theme eine Schrift von fonts.googleapis.com, übermittelt der Browser jedes Besuchers dessen IP-Adresse ohne vorherige Einwilligung an Google-Server. Das LG München I hat diese Praxis bereits im Januar 2022 als DSGVO-Verstoß eingestuft — es folgten massive Abmahnwellen in Deutschland und Österreich, die bis heute anhalten. Die einzig saubere Lösung ist Self-Hosting: Die Schriftdateien werden von Ihrer eigenen Domain ausgeliefert, und keinerlei Daten fließen mehr zu Google. Genau das leistet dieses Modul, mit einem Klick.
§ 02
Der Import ist so einfach wie der Google-Fonts-Katalog selbst
Tippen Sie einen Schriftnamen in die integrierte Suche: Die Autovervollständigung durchsucht den vollständigen Google-Fonts-Katalog, gecacht auf Ihrem Server. Wählen Sie die benötigten Schriftschnitte (400 und 700 sind vorausgewählt) und die Alphabete Ihrer Zielgruppe, dann klicken Sie auf Importieren. Das Modul lädt die offiziellen woff2-Dateien herunter, prüft deren Binärsignatur, legt sie in einem eigenen Ordner ab und regeneriert das Stylesheet. Lädt Ihr Theme weiterhin externe Schriften, entfernt eine Option diese aus dem gerenderten HTML: Stylesheet-Links, Preconnects und Inline-Imports.
§ 03
Automatisches Subsetting: liefern Sie nur die nötigen Bytes aus
Eine komplette Schriftfamilie kann hunderte Kilobyte wiegen, wenn alle Alphabete mitgeliefert werden. Das Modul lädt nur die angehakten Subsets herunter — standardmäßig Latin und Latin-Ext — und erhält die ursprüngliche unicode-range jeder Datei. Ergebnis: Der Browser fordert nur die Zeichenbereiche an, die tatsächlich auf der Seite vorkommen. Ein typischer deutscher Shop liefert so 20 bis 90 KB Schriften statt mehrerer hundert aus, ohne jeden visuellen Verlust.
§ 04
Preloading und font-display: Typografie im Dienst der Core Web Vitals
Für jede Schriftfamilie lädt ein Schalter die kritische Datei vor — woff2, normaler Stil, Latin-Alphabet, Schnitt nahe 400 — über ein link rel preload im Kopf der Seite. Kombiniert mit der standardmäßig angewendeten font-display-swap-Strategie bleibt der Text während des Ladens sichtbar, und die endgültige Schrift erscheint ohne störendes Aufblitzen. Mit den Modi block, fallback, optional und auto steuern Sie den Kompromiss zwischen visueller Stabilität und Geschwindigkeit präzise.
§ 05
Typografie wechseln, ohne das Theme je anzufassen
Das Modul erzeugt Ersetzungsregeln aus einfachen Zuordnungen CSS-Selektor zu Schrift: Body zu Inter 400, Überschriften zu Inter 700, Buttons zum Schnitt Ihrer Wahl. Jede Regel akzeptiert einen Fallback-Stack (sans-serif, serif, system-ui…), einen Stil und ein optionales important-Flag. Das generierte Stylesheet lädt nach dem Theme-CSS und ist für den Cache versioniert: Theme-Updates brechen nichts, und nach der Deinstallation zeigt Ihr Shop sofort wieder die ursprünglichen Schriften. Eigene Schriften fügen Sie per Upload von woff2, woff, ttf oder otf hinzu.
Es gibt noch keine Rezensionen.