Google Fonts

ThemeWare® bietet die Möglichkeit Google Fonts über die entsprechende API einzubinden. Wir empfehlen Google Fonts bezüglich DSGVO aber selber zu hosten bzw. lokal (auf deinem Webserver) zu hinterlegen und diese von dort zu laden. Dazu hast du verschiedene Möglichkeiten die wir in diesem Artikel erklären.

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!

Hinweis: Prüfe deinen Shop stets sorgfältig auf Google Fonts (Anleitung). Diese können auch unabhängig vom verwendeten Theme, beispielsweise durch Plugins oder individuelle Anpassungen importiert werden!

Google Fonts importieren

Für den Import von Schriften über die Google Fonts API gibt es die folgende Konfiguration:

Tab "Layout" => Bereich "Typografie" => Abschnitt "Google Fonts" => Feld "Google Fonts importieren"

Diese ist von Haus aus deaktiviert, da die Nutzung der Google Fonts API im Hinblick auf die DSGVO nicht empfohlen ist.

Du kannst diese Konfiguration aktivieren, wenn du die Google Fonts API dennoch nutzen möchtest. Möchtest du die Google Fonts API nicht nutzen, stelle sicher, dass diese Konfiguration deaktiviert ist.

Wie du Google Fonts importierst erfährst du in der ThemeWare® Wissensdatenbank:

Standard Schriften nutzen

Da die Google Fonts Bibliothek inzwischen mehr als 900 Schriftarten (über 5.000 Schriften) bietet, können wir leider nicht alle Schriften in ThemeWare® integrieren.

Ab ThemeWare® 1.1.7 sind aber alle von ThemeWare® verwendeten Fonts Bestandteil jedes ThemeWare® Themes. Somit stehen dir in jedem Theme 10+1 Schriften zur Verfügung:

Inter (Standard)

Schriftart: 'Inter', sans-serif

Strichstärken: 400, 600, 700

z.B. ThemeWare® Modern

Englebert

Schriftart: 'Englebert', sans-serif

Strichstärke: 400

z.B. ThemeWare® Bio

Exo 2

Schriftart: 'Exo 2', sans-serif

Strichstärken: 300, 400, 500, 600, 700

z.B. ThemeWare® Bike

Montserrat

Schriftart: 'Montserrat', sans-serif

Strichstärken: 300, 400, 500, 600, 700

z.B. ThemeWare® Clean

Open Sans

Schriftart: 'Open Sans', sans-serif

Strichstärken: 300, 400, 500, 600, 700

z.B. ThemeWare® Living

Oswald

Schriftart: 'Oswald', sans-serif

Strichstärken: 300, 400, 500, 600, 700

z.B. ThemeWare® Strong

Roboto

Schriftart: 'Roboto', sans-serif

Strichstärken: 300, 400, 500, 700

z.B. ThemeWare® Strong

Roboto Slab

Schriftart: 'Roboto Slab', sans-serif

Strichstärken: 300, 400, 500, 600, 700

z.B. ThemeWare® Bath

Source Sans Pro

Schriftart: 'Source Sans Pro', sans-serif

Strichstärken: 300, 400, 600, 700

z.B. ThemeWare® Living

Titillium Web

Schriftart: 'Titillium Web', sans-serif

Strichstärken: 300, 400, 600, 700

z.B. ThemeWare® Lights

Ubuntu

Schriftart: 'Ubuntu', sans-serif

Strichstärken: 300, 400, 500, 700

z.B. ThemeWare® Outdoor

Weiter Schriften folgen später...

ThemeWare® überprüft automatisch, ob du in den Konfigurationsfeldern für die Schriftart eine lokal verfügbare "Standard-Schrift" angegeben wurde. Ist das der Fall, wird diese DSGVO-konform direkt von deinem eigenen Server ("lokal") geladen.

Bitte beachte, welche Schriften Bestandteil von ThemeWare® sind (siehe Übersicht oben) und welche Konfigurationswerte du optimalerweise verwendest – zum Beispiel: 'Open Sans', sans-serif

ThemeWare® Schriftkonfiguration findest du hier:
Tab "Layout" => Bereich "Typografie" => Abschnitt "Überschriften" => Schriftart
Tab "Layout" => Bereich "Typografie" => Abschnitt "Überschriften" => Schriftart

Falls du eine Schriftart angibst, die nicht Bestandteil von ThemeWare® ist und auch nicht manuell eingebunden wurde, verwendet der Browser stattdessen eine sogenannte "Fallback-Schrift" – das ist eine Systemschrift, die lokal auf dem Gerät des Besuchers verfügbar ist (z. B. Arial, Helvetica oder Times New Roman).

Schriften selber hosten bzw. lokal installieren

Wie du beliebige oder eigene Schriftarten mit ThemeWare® lokal einbindest, erfährst du in der ThemeWare® Wissensdatenbank:

Storefront auf Google Fonts prüfen

Auch eine Anleitung zur Prüfung deiner Storefront auf externe Google Fonts findest du in der ThemeWare® Wissensdatenbank:

Weiterführende Informationen

Einführung: Schriften konfigurieren
Anleitung: Fonts lokal einbinden
Anleitung: Fonts mit dem ThemeWare® Customizing Plugin lokal einbinden
Anleitung: Website auf Google Fonts prüfen

VorherigeLink 1-3 – Link in einem neuen Tab öffnen NächsteJavaScript-Plugins

Zuletzt aktualisiert vor 1 Jahr

War das hilfreich?