Beschreibung /
Modul zur Installation von Google Fonts in Magento 2
MAGENTO 2 · TYPOGRAFIE · GOOGLE FONTS
Geben Sie Ihrem Shop den Charakter Ihrer Marke.
Kowal Google Fonts Installer
Fügen Sie den Einbettungscode für Google Fonts im Magento-Admin-Panel hinzu und verwenden Sie die ausgewählte Schriftart in Ihrem Theme. Trennen Sie die Konfiguration des Font-Ladens von den Typografie-Einstellungen des Templates.
Einbettungscode · Konfiguration im Admin-Panel · Theme-Typografie
SO FUNKTIONIERT ES IN DER PRAXIS
01 · Sie wählen den Font aus In Google Fonts erstellen Sie den Einbettungscode für die ausgewählte Schriftart.
02 · Sie speichern die Konfiguration Sie aktivieren das Modul und fügen den Code in das Feld google_fonts ein.
03 · Sie richten das Theme ein Sie weisen die Font-Familie in den Styles zu und implementieren die Änderungen.
Was gewinnt Ihr Shop?
Lernen Sie Funktionen, Einsatzmöglichkeiten und Einstellungen des Moduls kennen.
Lernen Sie das Modul kennen
Das Modul Kowal Google Fonts Installer ist eine Lösung, mit der Sie jede Schriftart aus der Bibliothek Google Fonts einfach in Ihren Magento 2 Shop integrieren können. Dank der einfachen und intuitiven Benutzeroberfläche können Sie eine neue Schriftart schnell installieren und konfigurieren und so das Erscheinungsbild Ihres Shops an die Anforderungen Ihrer Marke anpassen.
Modulfunktionen
Installation einer beliebigen Schriftart 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 in der LESS-Variable schnell ersetzen, z. B.:
@font-family-name__base: 'Roboto';
Dadurch wird die neue Schriftart im gesamten Template angewendet.
Einfache und intuitive Benutzeroberfläche
Das Modul ist so konzipiert, dass seine Konfiguration auch für Personen ohne Programmiererfahrung einfach ist.
Kompatibilität mit Magento 2
Das Modul funktioniert mit Magento in Version 2.4.7 und älteren Versionen.
Verfügbarkeit im Rahmen des Kowal Theme Pakets
Das Modul ist als Teil von Kowal Theme verfügbar und damit die ideale Wahl für Nutzer dieses Templates.
Implementierung des Moduls
Installation des Moduls
Installieren Sie das Modul in Ihrem Magento 2 Shop anhand der Anweisungen in der Moduldokumentation.
Konfiguration der Schriftart
Öffnen Sie das Magento 2 Admin-Panel.
Gehen Sie zum Konfigurationsbereich des Moduls, z. B. 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.
Austausch von LESS-Variablen
Ö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.
Führen Sie die Neukompilierung der LESS-Dateien durch, damit die Änderungen sichtbar werden.
Funktionsprüfung
Öffnen Sie das Frontend des Shops, um zu prüfen, ob die neue Schriftart korrekt implementiert wurde.
Shop-Design und Kowal Theme Paket
Warum lohnt sich das Modul Kowal Google Fonts Installer?
Mit diesem Modul können Sie das visuelle Erscheinungsbild Ihres Magento 2 Shops einfach anpassen, die User Experience verbessern und die Ästhetik der Seite steigern. Das Modul spart Zeit, da kein manuelles Hinzufügen von Code in den Template-Dateien erforderlich ist.
Jetzt im Paket mit dem Template Kowal Theme kaufen und Zugriff auf dieses sowie viele weitere nützliche Tools erhalten, die den Betrieb Ihres Magento 2 Shops verbessern!
Font-Laden 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 übergibt den gespeicherten Code an den Seitenkopf.
Die Zuweisung der Schriftart zu den Shop-Elementen erfolgt in den Styles des Themes. Bei Themes, die LESS verwenden, ändern Sie @font-family-name__base und kompilieren die Styles neu; Themes mit einem anderen Stylesystem erfordern die jeweils passende Konfiguration. Das Modul lädt Font-Dateien nicht automatisch für lokales 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. Für den Produktionsmodus berücksichtigen Sie die Kompilierung und Bereitstellung statischer Inhalte gemäß dem Prozess Ihres Shops.
Von der Konfiguration zum Ergebnis
1. Sie wählen den Font aus In Google Fonts erstellen Sie den Einbettungscode für die ausgewählte Schriftart.
2. Sie speichern die Konfiguration Sie aktivieren das Modul und fügen den Code in das Feld google_fonts ein.
3. Sie richten das Theme ein Sie weisen die Font-Familie in den Styles zu und implementieren die Änderungen.
Eine Schriftart, ein konsistenter Auftritt
Beispiel für ein LESS-Theme: Sie fügen den Einbettungscode für Roboto hinzu und setzen anschließend @font-family-name__base: 'Roboto'; in den Theme-Styles.
Nach der Neukompilierung und Bereitstellung der statischen Inhalte prüfen Sie die Überschriften und Texte des Shops. Das Modul selbst fügt den Font-Code hinzu, während das Theme das Erscheinungsbild der Elemente bestimmt.
Passen Sie die Typografie Ihres Shops an Ihre Marke an
Fügen Sie das Composer Repository zur Konfiguration hinzu:
Die Zugangsdaten zum Composer Repository, also E-Mail-Adresse des Kunden und Lizenz-Token, erhalten Sie nach dem Kauf per E-Mail. Sie sind außerdem nach dem Login auf kowal.store im Kundenbereich verfügbar. Ersetzen Sie TWOJ_EMAIL_KLIENTA durch die E-Mail-Adresse Ihres Kontos und TWOJ_TOKEN durch den erhaltenen 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.
