Beschreibung /
Google-Fonts-Installationsmodul für Magento 2
MAGENTO 2 · TYPOGRAFIE · GOOGLE FONTS
Verleihen Sie Ihrem Shop den Charakter Ihrer Marke.
Kowal Google Fonts Installer
Fügen Sie den Google-Fonts-Einbettungscode im Magento-Adminbereich hinzu und verwenden Sie die ausgewählte Schriftart in Ihrem Theme. Trennen Sie die Konfiguration zum Laden der Schriftart von den Typografieeinstellungen des Templates.
Einbettungscode · Konfiguration im Adminbereich · Theme-Typografie
SO FUNKTIONIERT ES IN DER PRAXIS
01 · Schriftart auswählen In Google Fonts erstellen Sie den Einbettungscode für die ausgewählte Schriftart.
02 · Konfiguration speichern Sie aktivieren das Modul und fügen den Code in das Feld google_fonts ein.
03 · Theme konfigurieren Sie weisen die Schriftfamilie in den Styles zu und stellen die Änderungen bereit.
Welche Vorteile bietet das Ihrem Shop?
Entdecken Sie die Funktionen, Einsatzmöglichkeiten und Einstellungen des Moduls.
Lernen Sie das Modul kennen
Das Modul Kowal Google Fonts Installer ermöglicht die einfache Integration jeder beliebigen Schriftart aus der Bibliothek Google Fonts in Ihren Magento-2-Shop. Dank der einfachen und intuitiven Benutzeroberfläche können Sie schnell eine neue Schriftart installieren und konfigurieren und so das Erscheinungsbild des Shops an die Anforderungen Ihrer Marke anpassen.
Modulfunktionen
Installation beliebiger Schriftarten aus Google Fonts
Kopieren Sie den Einbettungscode der Schriftart aus Google Fonts, den sogenannten Embed Code, und fügen Sie ihn in das Konfigurationsformular des Moduls ein.
Einfache Anpassung von LESS-Variablen
Nach der Installation der Schriftart können Sie den Namen der Schriftart schnell in der LESS-Variablen ersetzen, zum Beispiel:
@font-family-name__base: 'Roboto';
Dadurch wird die neue Schriftart im gesamten Template verwendet.
Einfache und intuitive Benutzeroberfläche
Das Modul ist so konzipiert, dass es auch von Personen ohne Programmiererfahrung problemlos konfiguriert werden kann.
Kompatibilität mit Magento 2
Das Modul funktioniert mit Magento 2.4.7 und älteren Versionen.
Im Kowal-Theme-Paket erhältlich
Das Modul ist als Bestandteil von Kowal Theme erhältlich und damit die ideale Wahl für Benutzer dieses Templates.
Implementierung des Moduls
Modulinstallation
Installieren Sie das Modul in Ihrem Magento-2-Shop gemäß den Anweisungen in der Moduldokumentation.
Schriftart konfigurieren
Öffnen Sie den Magento-2-Adminbereich.
Navigieren Sie zum Konfigurationsbereich des Moduls, zum Beispiel Kowal Google Fonts.
Kopieren Sie den Einbettungscode der Schriftart aus Google Fonts und fügen Sie ihn in das entsprechende Feld ein.
Speichern Sie die Änderungen.
LESS-Variablen ändern
Öffnen Sie die LESS-Dateien Ihres Templates.
Suchen Sie die Variable @font-family-name__base und aktualisieren Sie sie mit dem Namen der installierten Schriftart.
Kompilieren Sie die LESS-Dateien erneut, damit die Änderungen sichtbar werden.
Funktionsprüfung
Öffnen Sie das Shop-Frontend, um zu prüfen, ob die neue Schriftart korrekt implementiert wurde.
Shop-Design und Kowal-Theme-Paket
Warum sollten Sie das Modul Kowal Google Fonts Installer wählen?
Mit diesem Modul können Sie das visuelle Erscheinungsbild Ihres Magento-2-Shops unkompliziert anpassen, das Benutzererlebnis verbessern und die Ästhetik der Website optimieren. Das Modul spart Zeit, da der Code nicht manuell in die Template-Dateien eingefügt werden muss.
Kaufen Sie es jetzt im Paket mit dem Template Kowal Theme und erhalten Sie Zugriff auf dieses und viele weitere nützliche Tools, die den Betrieb Ihres Magento-2-Shops optimieren!
Laden der Schriftart und Theme-Einstellungen
Unter Stores → Configuration → Kowal → kowalfonts → settings aktivieren Sie das Modul und speichern den Google-Fonts-Code. Die Einstellungen gelten auf Store-View-Ebene. Das Modul fügt den gespeicherten Code in den Seiten-Header ein.
Die Schriftart wird den Shop-Elementen in den Styles des Themes zugewiesen. Bei Themes, die LESS verwenden, ändern Sie @font-family-name__base und kompilieren die Styles erneut. Themes mit einem anderen Styling-System müssen entsprechend konfiguriert werden. Das Modul lädt die Schriftdateien nicht automatisch für das lokale Hosting herunter.
Installation über Composer
Paket: kowal/module-fonts; Modul: Kowal_Fonts. Nachdem Sie den Zugriff auf das Kowal-Repository konfiguriert haben, installieren Sie das Paket, aktivieren das Modul, führen das Magento-Update aus und leeren den Cache. Berücksichtigen Sie im Produktionsmodus die Kompilierung und Bereitstellung statischer Inhalte gemäß dem Prozess Ihres Shops.
Von der Konfiguration zum Ergebnis
1. Schriftart auswählen In Google Fonts erstellen Sie den Einbettungscode für die ausgewählte Schriftart.
2. Konfiguration speichern Sie aktivieren das Modul und fügen den Code in das Feld google_fonts ein.
3. Theme konfigurieren Sie weisen die Schriftfamilie in den Styles zu und stellen die Änderungen bereit.
Eine Schriftart, ein einheitlicher Auftritt
Beispiel für ein LESS-Theme: Sie fügen den Einbettungscode für Roboto hinzu und legen anschließend @font-family-name__base: 'Roboto'; in den Theme-Styles fest.
Nach der erneuten Kompilierung und Bereitstellung der statischen Inhalte überprüfen Sie die Überschriften und Texte im Shop. Das Modul selbst fügt den Schriftartcode hinzu, während das Theme das Erscheinungsbild der Elemente definiert.
Passen Sie die Typografie Ihres Shops an Ihre Marke an
Fügen Sie das Composer-Repository zur Konfiguration hinzu:
Die Zugangsdaten für das Composer-Repository, die E-Mail-Adresse des Kunden und das Lizenz-Token, erhalten Sie nach dem Kauf per E-Mail. Sie sind nach der Anmeldung außerdem im Kundenbereich unter kowal.store verfügbar. Ersetzen Sie TWOJ_EMAIL_KLIENTA durch die E-Mail-Adresse Ihres Kontos und TWOJ_TOKEN durch das erhaltene Token. Führen Sie die Befehle im Magento-Stammverzeichnis aus.
Ermöglicht das Modul das einfache Hinzufügen von Schriftarten aus Google Fonts zu einem auf Magento 2 basierenden Shop, ohne das Theme manuell zu bearbeiten?
Antwort
Ja — das Modul ermöglicht die Auswahl von Google Fonts im Administrationsbereich und deren automatische Einbindung im Shop, ohne dass die Theme-Dateien direkt bearbeitet werden müssen.
Frage
Kann ich in der Modulkonfiguration konkrete Schriftfamilien sowie Varianten („light“, „bold“, „italic“) auswählen?
Antwort
Ja — das Modul bietet in der Regel die Möglichkeit, eine Schriftfamilie auszuwählen und sie einer CSS-Klasse oder einem Bereich des Shops zuzuweisen, und ermöglicht die Festlegung von Schriftvarianten (Stärke, Stil).
Frage
Erfordert die Installation des Moduls Änderungen an den Magento-Core-Dateien oder am Template?
Antwort
Nein — das Modul funktioniert als Erweiterung, die mit der Architektur von Magento 2 kompatibel ist, und erfordert weder das Überschreiben von Core-Dateien des Systems noch tiefgreifende Eingriffe in das Theme.
Frage
Kann ich nach der Installation des Moduls Schriftarten für verschiedene Bereiche des Shops zuweisen (Überschriften, Inhalt, Schaltflächen)?
Antwort
Ja — die Konfiguration des Moduls ermöglicht es, Schriftarten verschiedenen Bereichen des Shops zuzuweisen, wie Überschriften, Fließtexten oder Schaltflächen, wodurch die Typografie an den Stil der Marke angepasst werden kann.
Frage
Unterstützt das Modul Shops mit mehreren Store-Ansichten („Multi-Store“)?
Antwort
Ja — das Modul kann in einer Magento-2-Umgebung mit mehreren Store Views oder Shops verwendet werden, und die Schriftartkonfigurationen können für verschiedene Store-Ansichten unabhängig sein.
Frage
Kann das Hinzufügen von Google Fonts die Ladegeschwindigkeit des Shops beeinflussen und berücksichtigt das Modul dies?
Antwort
Ja — das Laden von Schriftarten von einem externen Dienst kann die Leistung beeinflussen. Das Modul enthält in der Regel Empfehlungen oder Optimierungsoptionen (z. B. das asynchrone Laden von Schriftarten, die Begrenzung der Anzahl der Varianten). Es ist immer empfehlenswert, den Shop nach der Installation zu testen.
Frage
Kann ich eine Systemschriftart als Fallback festlegen, falls Google Fonts nicht korrekt geladen wird?
Antwort
Ja — gute typografische Praktiken empfehlen, eine Ersatzschriftart („Fallback“) festzulegen, und das Modul ermöglicht in der Regel die Zuweisung eines Schriftsatzes im CSS-Stil mit Fallbacks.
Frage
Berücksichtigt das Modul Datenschutz- und DSGVO-Aspekte beim Laden von Schriftarten von Google?
Antwort
Ja — obwohl das Modul das einfache Hinzufügen von Google Fonts ermöglicht, sollte man rechtliche Aspekte beachten — z. B. kann das Laden von Schriftarten über das Google-CDN unter bestimmten Umständen die Zustimmung des Nutzers oder das lokale Hosting der Schriftarten erfordern.
Frage
Kann ich Schriftdateien lokal verwenden, anstatt sie direkt von Google zu laden?
Antwort
Obwohl sich die Hauptfunktionalität des Moduls auf Google Fonts konzentriert, kann es je nach Dokumentation möglich sein, lokale Schriftarten zu konfigurieren — es lohnt sich, dies beim Hersteller zu überprüfen.
Frage
Erhalte ich nach dem Kauf des Moduls technischen Support und Updates?
Antwort
Ja — wir bieten technischen Support und Zugang zu Updates für die Module.
