Description /
Module d’installation de polices Google Fonts pour Magento 2
MAGENTO 2 · TYPOGRAPHIE · GOOGLE FONTS
Donnez à votre boutique le caractère propre à votre marque.
Kowal Google Fonts Installer
Ajoutez le code d’intégration Google Fonts dans le panneau Magento et utilisez la police choisie dans le thème. Séparez la configuration du chargement de la police des paramètres de typographie du template.
Code d’intégration · Configuration dans le panneau · Typographie du thème
COMMENT CELA FONCTIONNE EN PRATIQUE
01 · Vous choisissez une police Dans Google Fonts, vous préparez le code d’intégration de la police sélectionnée.
02 · Vous enregistrez la configuration Vous activez le module et collez le code dans le champ google_fonts.
03 · Vous configurez le thème Vous assignez la famille de police dans les styles et déployez les modifications.
Quels bénéfices pour votre boutique ?
Découvrez les fonctions, les cas d’utilisation et les paramètres du module.
Découvrez le module
Le module Kowal Google Fonts Installer est une solution qui permet d’intégrer facilement n’importe quelle police de la bibliothèque Google Fonts dans votre boutique Magento 2. Grâce à une interface simple et intuitive, vous pouvez installer et configurer rapidement une nouvelle police, en adaptant l’apparence de votre boutique aux besoins de votre marque.
Fonctionnalités du module
Installation de n’importe quelle police depuis Google Fonts
Copiez le code d’intégration de la police depuis Google Fonts, appelé Embed code, puis collez-le dans le formulaire de configuration du module.
Personnalisation simple des variables LESS
Après l’installation de la police, vous pouvez rapidement remplacer le nom de la police dans la variable LESS, par exemple :
@font-family-name__base: 'Roboto';
La nouvelle police sera ainsi appliquée à l’ensemble du template.
Interface simple et intuitive
Le module est conçu pour que sa configuration soit facile, même pour les personnes sans expérience en développement.
Compatibilité avec Magento 2
Le module fonctionne avec Magento en version 2.4.7 et antérieures.
Disponible dans le cadre du pack Kowal Theme
Le module est disponible dans le cadre de Kowal Theme, ce qui en fait un choix idéal pour les utilisateurs de ce template.
Mode de déploiement du module
Installation du module
Installez le module dans votre boutique Magento 2 en suivant les instructions disponibles dans la documentation du module.
Configuration de la police
Accédez au panneau d’administration Magento 2.
Allez dans la section de configuration du module, par exemple Kowal Google Fonts.
Copiez le code d’intégration de la police depuis Google Fonts et collez-le dans le champ approprié.
Enregistrez les modifications.
Remplacement des variables LESS
Ouvrez les fichiers LESS de votre template.
Recherchez la variable @font-family-name__base et mettez-la à jour en indiquant le nom de la police installée.
Recompilez les fichiers LESS afin que les modifications soient visibles.
Vérification du fonctionnement
Ouvrez le frontend de la boutique afin de vérifier que la nouvelle police a été correctement implémentée.
Apparence de la boutique et pack Kowal Theme
Pourquoi choisir le module Kowal Google Fonts Installer ?
Grâce à ce module, vous pouvez facilement adapter l’apparence visuelle de votre boutique Magento 2, améliorer l’expérience utilisateur et renforcer l’esthétique du site. Le module vous fait gagner du temps en supprimant la nécessité d’ajouter manuellement du code dans les fichiers du template.
Achetez-le dès maintenant avec le template Kowal Theme et obtenez l’accès à cet outil ainsi qu’à de nombreux autres outils utiles pour optimiser le fonctionnement de votre boutique Magento 2 !
Chargement de la police et paramètres du thème
Dans Stores → Configuration → Kowal → kowalfonts → settings, vous activez le module et enregistrez le code Google Fonts. Les paramètres s’appliquent au niveau de la vue boutique. Le module transmet le code enregistré à l’en-tête de la page.
L’assignation de la police aux éléments de la boutique s’effectue dans les styles du thème. Pour les thèmes utilisant LESS, vous modifiez @font-family-name__base et recompilez les styles ; les thèmes basés sur un autre système de styles nécessitent la configuration qui leur est propre. Le module ne télécharge pas automatiquement les fichiers de polices pour un hébergement local.
Installation via Composer
Package : kowal/module-fonts ; module : Kowal_Fonts. Après avoir configuré l’accès au repository Kowal, installez le package, activez le module, effectuez la mise à jour Magento et videz le cache. Pour le mode production, prévoyez la compilation et le déploiement du contenu statique conformément au processus de la boutique.
De la configuration au résultat
1. Vous choisissez une police Dans Google Fonts, vous préparez le code d’intégration de la police sélectionnée.
2. Vous enregistrez la configuration Vous activez le module et collez le code dans le champ google_fonts.
3. Vous configurez le thème Vous assignez la famille de police dans les styles et déployez les modifications.
Une seule police, une présentation cohérente
Exemple pour un thème LESS : vous ajoutez le code d’intégration de Roboto, puis vous définissez @font-family-name__base: 'Roboto'; dans les styles du thème.
Après la recompilation et le déploiement du contenu statique, vous vérifiez les en-têtes et les textes de la boutique. Le module ajoute le code de la police, tandis que l’apparence des éléments est définie par le thème.
Adaptez la typographie de votre boutique à votre marque
Ajoutez le repository composer à la configuration :
Les données d’accès au repository Composer, adresse e-mail du client et token de licence, vous seront envoyées par e-mail après l’achat. Elles sont également disponibles dans le panneau client après connexion sur kowal.store. Remplacez TWOJ_EMAIL_KLIENTA par l’adresse e-mail de votre compte et TWOJ_TOKEN par le token reçu. Exécutez les commandes dans le répertoire racine de Magento.
Le module permet-il d’ajouter facilement des polices Google Fonts à une boutique basée sur Magento 2 sans modifier manuellement le thème ?
Réponse
Oui — le module permet de sélectionner des polices Google Fonts dans le panneau d’administration et de les activer automatiquement dans la boutique, sans avoir à modifier directement les fichiers du thème.
Question
Puis-je choisir des familles de polices spécifiques ainsi que des variantes (« light », « bold », « italic ») dans la configuration du module ?
Réponse
Oui — le module offre généralement la possibilité de choisir une famille de police et de l’associer à une classe CSS ou à une zone de la boutique, et permet de définir les variantes de la police (graisse, style).
Question
L’installation du module nécessite-t-elle de modifier les fichiers du cœur de Magento ou du thème ?
Réponse
Non — le module fonctionne comme une extension conforme à l’architecture de Magento 2 et ne nécessite pas de remplacer les fichiers core du système ni d’intervenir en profondeur dans le thème.
Question
Après avoir installé le module, puis-je attribuer une police à différentes parties de la boutique (titres, contenu, boutons) ?
Réponse
Oui — la configuration du module permet d’attribuer des polices à différentes zones de la boutique, comme les titres, les textes de contenu ou les boutons, ce qui permet d’adapter la typographie au style de la marque.
Question
Le module prend-il en charge les boutiques avec plusieurs vues de magasin (« multi-store ») ?
Réponse
Oui — le module peut être utilisé dans un environnement Magento 2 avec plusieurs store views ou boutiques, et les configurations des polices peuvent être indépendantes pour les différentes vues de magasin.
Question
L’ajout de polices Google Fonts peut-il avoir un impact sur la vitesse de chargement de la boutique et le module en tient-il compte ?
Réponse
Oui — le chargement de polices depuis un service externe peut avoir un impact sur les performances. Le module inclut généralement des recommandations ou des options d’optimisation (par exemple, le chargement asynchrone des polices, la limitation du nombre de variantes). Il est toujours conseillé de tester la boutique après l’installation.
Question
Puis-je définir une police système de secours si Google Fonts ne se charge pas correctement ?
Réponse
Oui — les bonnes pratiques typographiques recommandent de définir une police de secours (« fallback »), et le module permet généralement d’attribuer un ensemble de polices dans le style CSS avec des fallbacks.
Question
Le module prend-il en compte les questions liées à la confidentialité et au RGPD lors du chargement des polices depuis Google ?
Réponse
Oui — bien que le module permette d’ajouter facilement Google Fonts, il faut tenir compte des aspects juridiques — par exemple, le chargement des polices depuis le CDN de Google peut, dans certaines circonstances, nécessiter le consentement de l’utilisateur ou l’hébergement local des polices.
Question
Puis-je utiliser des fichiers de polices localement au lieu de les charger directement depuis Google ?
Réponse
Bien que la fonctionnalité principale du module soit centrée sur Google Fonts, selon la documentation, il peut être possible de configurer des polices locales — il est recommandé de le vérifier auprès du fabricant.
Question
Après l’achat du module, est-ce que je bénéficie d’une assistance technique et de mises à jour ?
Réponse
Oui — nous fournissons une assistance technique et l’accès aux mises à jour pour les modules.
