Configuration des polices Google dans l'application MemberPress

L'intégration de Google Fonts permet de personnaliser la typographie en fonction des directives stylistiques de la marque. L'importation de polices nécessite une clé API Google Fonts valide. Ce document explique comment configurer la clé API, importer des polices et appliquer la typographie dans l'ensemble de l'application.

Comprendre l'intégration des polices Google Fonts

Google Fonts offre de nombreuses options de polices de caractères pour personnaliser la typographie de votre application. La configuration de la clé API connecte l'application à la bibliothèque Google Fonts. Les polices importées peuvent être appliquées à divers éléments de l'interface, notamment le corps du texte, les titres et les étiquettes de navigation.

Configuration de la clé API Google Fonts

La configuration de la clé API permet la navigation et l'importation de polices.

1. Naviguez jusqu'à Dashboard > MP App > Integrations > Google Fonts.
   
2. Cliquez sur Obtenir une clé à côté du champ Clé API Google Fonts.

3. La console Google Developers s'ouvre dans un nouvel onglet du navigateur.
   
4. Faites défiler vers le bas et cliquez sur Obtenir une clé sur la page Obtenir et utiliser une clé API.

5. Connectez-vous avec un compte Google si vous y êtes invité.
6. Créez un nouveau projet ou sélectionnez un projet existant dans la liste.

7. Entrez un nom de projet dans le champ Nom du projet.
   
8. Confirmer l'activation de l'API.

9. Cliquez sur Afficher la clé.

10. Copiez la clé API générée à partir du champ affiché.
    
11. Retour à Dashboard > MP App > Integrations > Google Fonts.
    
12. Collez la clé API dans le champ Clé API Google Fonts.
    
13. Cliquez sur Enregistrer les modifications.

Remarque : Une clé API valide est requise avant d'importer des polices depuis la bibliothèque Google Fonts.

Importation de polices Google

L'importation de polices ajoute des polices à la liste des polices disponibles pour la typographie de l'application.

1. Naviguez jusqu'à Tableau de bord > Application MP > Image de marque > Typographie.
   
2. Localiser le Importer des polices Google section.
   
3. Cliquez sur Importer des polices Google pour ouvrir le navigateur de polices.

4. Parcourez les polices disponibles ou utilisez le champ de recherche pour trouver des polices spécifiques.
   
5. Sélectionnez la police souhaitée dans les résultats de recherche ou dans la liste.

6. Cliquez sur Importation pour ajouter la police aux polices disponibles.

Remarque : Les polices importées doivent être au format TTF pour fonctionner correctement dans l'application.

Application des polices importées

Les polices importées apparaissent dans les paramètres typographiques pour être attribuées aux éléments de l'interface.

1. Naviguez jusqu'à Tableau de bord > Application MP > Image de marque > Typographie.
   
2. Faites défiler jusqu'à l'élément de l'interface nécessitant l'attribution d'une police.
   
3. Sélectionnez la police souhaitée dans le menu déroulant des polices pour :

• Corps du texte pour la typographie du contenu principal ;
• Titres pour les niveaux de titre H1 à H6 ;
• Titres de la barre de navigation pour le texte d'en-tête ;
• Étiquettes de la barre d'onglets pour le texte de navigation inférieur ;
• Menus pour le texte des éléments du menu.

4. Ajustez la taille des polices dans les champs correspondants si nécessaire.
   
5. Configurez les styles de police supplémentaires selon vos besoins.
   
6. Cliquez sur Enregistrer les modifications pour appliquer les sélections de polices.

Les modifications apportées aux polices s'appliquent globalement à tous les écrans de l'application utilisant les éléments d'interface sélectionnés.