Wie kann ich in Shopware die Schriftart ändern?
- Einleitung zur Anpassung der Schriftart in Shopware
- Schriftart über das Theme in Shopware anpassen
- Erweiterte Anpassung via CSS und Themes
- Schriftarten von Drittanbietern integrieren
- Fazit
Einleitung zur Anpassung der Schriftart in Shopware
Die Schriftart eines Online-Shops spielt eine wesentliche Rolle, um den Gesamteindruck und die Lesbarkeit der Inhalte zu beeinflussen. Wenn Sie die Schriftart in Ihrem Shopware-Shop ändern möchten, gibt es verschiedene Möglichkeiten, dies umzusetzen. Je nach Shopware-Version und individuellen Anforderungen können Sie sowohl über die Administration als auch durch Anpassungen im Theme die gewünschte Typografie definieren.
Schriftart über das Theme in Shopware anpassen
In Shopware 6 erfolgt die Gestaltung der Schriftarten üblicherweise über die Theme-Konfiguration. Hier können Sie vordefinierte Typografien auswählen oder eigene Einstellungen vornehmen. Öffnen Sie dazu im Admin-Bereich den Menüpunkt "Inhalte" und dann "Themes". Anschließend wählen Sie das aktive Theme aus und klicken auf "Theme bearbeiten". In den Einstellungen finden Sie einen Bereich, der die Typografie oder Schriftarten betrifft. Dort können Sie unter Umständen Fonts auswählen oder individuelle Werte eintragen.
Falls der gewünschte Font nicht verfügbar ist, müssen Sie ihn entweder über Google Fonts einbinden oder eine eigene Schriftdatei in Ihr Theme integrieren. Dies erfordert meist die Anpassung der CSS-Dateien oder das Einfügen von @font-face Regeln.
Erweiterte Anpassung via CSS und Themes
Für eine tiefere und präzisere Kontrolle empfiehlt es sich, das eigene Theme anzupassen oder ein neues Theme zu erstellen. Über die CSS- und SCSS-Dateien im Theme können Sie die Schriftart gezielt für bestimmte Bereiche definieren. Dazu fügen Sie in der entsprechenden Datei die CSS-Regel font-family mit dem gewünschten Fontnamen ein. Beispiele könnten so aussehen:
body { font-family: Open Sans, Arial, sans-serif; }
Nachdem Sie die Dateien angepasst haben, müssen Sie das Theme neu kompilieren und den Cache leeren, damit die Änderungen im Frontend wirksam werden.
Schriftarten von Drittanbietern integrieren
Wenn Sie individuelle Schriftarten verwenden möchten, die nicht standardmäßig in Shopware enthalten sind, können Sie diese über Google Fonts oder andere Webfont-Dienste einbinden. Dazu fügen Sie im Theme-Template im Head-Bereich den entsprechenden Link ein oder integrieren die Font-Dateien direkt in Ihr Theme und binden sie via CSS ein. Wichtig ist, dass Sie nach der Einbindung das Theme kompilieren und den Cache leeren.
Fazit
Die Änderung der Schriftart in Shopware ist sowohl über die Theme-Konfiguration als auch durch manuelle CSS-Anpassungen möglich. Für kleinere Anpassungen genügt oft die Einstellung im Theme-Manager. Für individuelle Schriftarten oder größere Designanpassungen empfiehlt sich das Arbeiten mit eigenen CSS-Dateien und das Kompilieren eines eigenen Themes. So stellen Sie sicher, dass Ihr Shop ein ansprechendes und konsistentes Schriftbild erhält.