Zum Inhalt

Schriftarten-Manager / Font Manager

Status: Im Shopware Store verfügbar

Eigene Schriftarten direkt im Admin hochladen und per Sales-Channel oder Selektor-Regel gezielt zuweisen. Plus Google-Fonts-Importer – ohne externe Verbindung zur Laufzeit (DSGVO-freundlich, da self-hosted).

Shopware 6.5 / 6.6 / 6.7 Self-Hosted & Cloud Deutsch & Englisch

Im Shopware Store ansehen Konfiguration

Worum geht es

Schopware-Themes definieren Schriften standardmäßig im Theme-SCSS. Wer eine eigene Markenschrift einsetzen will, muss:

  • Theme klonen oder Custom-SCSS schreiben
  • Schrift-Files auf den Server hochladen
  • @font-face selbst pflegen, mit Preload-Hints und Fallbacks
  • Bei Theme-Updates aufpassen, dass die Anpassung nicht überschrieben wird

Das Plugin macht den ganzen Weg klickbar:

  • Schrift-Datei (woff2, woff, ttf, otf) per Drag&Drop in den Admin
  • Automatische Generierung der @font-face-Regeln
  • Zuweisung per Selektor-Regel: für die ganze Storefront, für bestimmte Klassen, für bestimmte Sales-Channels
  • Preload-Hints im <head> zur Performance-Optimierung
  • DSGVO-freundlich: Schriften werden vom eigenen Server geladen, keine Google-Fonts-Calls zur Laufzeit

Highlights

  • Drag&Drop-Upload für eigene Fonts (woff2 empfohlen, alle gängigen Formate unterstützt)
  • Google-Fonts-Importer: Schrift auswählen, importieren, lokal speichern – kein externer Call zur Laufzeit
  • Regelbasierte Zuweisung: Sales-Channel, CSS-Selektor, Media-Query
  • Preload-Hints automatisch im <head> (für FOIT/FOUT-Reduktion)
  • Multi-Variant-Unterstützung: Regular, Bold, Italic, Bold-Italic – jeweils mit eigenen Files
  • Performance-Dashboard: zeigt eingesetzte Schriften, Dateigröße, geladene Subsets
  • Funktioniert mit JEDEM Theme – kein Theme-Override, kein SCSS-Eingriff
  • DE + EN out of the box

Anwendungsbeispiele

Eigene Markenschrift einsetzen

Ein eigens lizenzierter Schriftsatz „Acme Sans Pro" als Hauptschrift im gesamten Storefront. Plugin: Schrift hochladen (Regular + Bold), eine Regel „Anwenden auf: body" → fertig. Theme wird nicht angefasst, beim nächsten Theme-Update bleibt alles erhalten.

Google Font lokal hosten (DSGVO)

DSGVO-konform: Google Font wie „Inter" einsetzen, aber ohne den Browser auf fonts.gstatic.com zugreifen zu lassen. Plugin: Google-Fonts-Importer → „Inter" wählen → Subsets (Latin) → Import. Plugin lädt die Files lokal, generiert die @font-face-Regeln, alles selbst-hostend.

Pro Sales-Channel verschiedene Schriften

Ein Multi-Brand-Setup: Shop A nutzt „Roboto", Shop B nutzt „Playfair Display", Shop C bleibt beim Theme-Default. Plugin: pro Schrift den passenden Sales-Channel zuweisen, fertig.

So sieht es aus

Admin-Modul: hochgeladene Schriften, Vorschau, Upload-Bereich, Google-Fonts-Importer als Tab. (Screenshot wird ergänzt.)

Plugin-Konfiguration pro Sales-Channel: Einbindungs-Modus, Preload-Hints, Subsetting.

Schnelleinstieg

  1. Plugin installieren
  2. Im Admin Kommora → Schriftarten-Manager öffnen
  3. Erste Schrift hochladen (Anleitung) oder per Google Fonts importieren
  4. Eine Zuweisungs-Regel erstellen
  5. Storefront öffnen und prüfen

Weiter