Comment les thèmes Astra travaillent avec Google Fonts pour créer un style de police de marque unifié

Astra, l'un des thèmes légers les plus populaires pour WordPress, dispose de réglages de typographie flexibles et d'une intégration profonde avec Google Fonts, ce qui peut aider les sites Web d'entreprise et les blogs de marque à établir rapidement un système de polices unifié et magnifique. Cet article présente les Astra La méthode d'association des polices Google Fonts dans les modèles permet d'obtenir un style de police cohérent et d'améliorer le professionnalisme visuel du site web.

1. pourquoi utiliser Google Fonts

Polices de caractères Google Offre une riche bibliothèque de polices de caractères open source :

Gratuit pour un usage commercial, libre de droits d'auteur
Prise en charge de plusieurs langues, dont le chinois, le japonais, le coréen, le latin, etc.
Différents poids et variantes de polices pour faciliter la conception et la mise en page

Accélération globale du CDN pour un chargement rapide

Pour les sites web de marque, le choix d'une police uniforme garantit une image de marque cohérente et renforce la notoriété de la marque auprès des utilisateurs.

2. les avantages de l'intégration d'Astra avec Google Fonts

Les thèmes Astra intègrent la prise en charge des polices Google, sans qu'il soit nécessaire d'installer des plugins supplémentaires.
disponible à l'adresse suivante Personnalisateur Sélectionner des polices directement à partir de l'écran
Modifiez également les polices utilisées sur l'ensemble du site pour les en-têtes, le corps du texte, les boutons, etc. afin de conserver un style cohérent.
Compatible avec Elementor,Beaver Builder etc. constructeurs de pages avec des paramètres de police non contradictoires

3. comment configurer les polices Google Fonts dans Astra

Etape 1 : Aller dans le Customiser de WordPress

Connectez-vous au backend de WordPress
Clic sur le menu de gauche Apparence > Personnalisation

Étape 2 : Sélectionner les paramètres de typographie

Dans le menu du Customiser, cliquez sur "L'ensemble du tableau".

option "typographique"

Vous pouvez voir ici les options de composition proposées par Astra, y compris la typographie de base et les en-têtes.

Étape 3 : Définir la police globale

existent "Base Typographie" Dans le cadre de la Famille de polices menu déroulant

Recherchez et sélectionnez la police principale de votre marque, par exemple RobotoetLatoetOpen Sans et al. (et autres auteurs)
Définissez l'épaisseur de la police, par exemple Normal 400 ou Gras 700.

Définissez la taille de la police et la hauteur des lignes pour vous assurer que le contenu est clair et facile à lire.

Étape 4 : Définir la police du titre

Retournez au menu Typographie et trouvez "Fontes de tête"
Définissez la famille de polices de H1-H6 respectivement, qui est la même que celle du corps du texte.style calligraphiqueIdentique ou avec une autre police secondaire de marque

Ajustez le poids, la taille et la hauteur des lignes de la police pour maintenir un style de marque cohérent.

4. exemple de correspondance des polices

Les combinaisons de polices de marque courantes suivantes peuvent être utilisées dans Astra :

Roboto + Roboto Slab
Utilisez Roboto pour le texte principal et Roboto Slab pour le titre, pour un aspect technologique et professionnel !

Open Sans + Montserrat
Open Sans pour le corps du texte, Montserrat pour les titres, propre et moderne

Lato + Lato
légendeUniformité avec le corps du texte Lato, propreté et cohérence visuelles

Lors du choix des polices, veillez à ce qu'elles soient cohérentes avec le logo et le système visuel de la marque afin de créer une expérience unifiée.

5. améliorer la vitesse de chargement des polices Google Fonts

Bien que Google Fonts Global Accélération CDNmais l'accès est lent et recommandé dans certaines zones :

utiliser Plug-in OMGF Téléchargez les polices Google sur votre serveur local pour améliorer les vitesses de chargement

Si les utilisateurs du site web proviennent principalement de Chine continentale, les fichiers de police peuvent être hébergés localement afin d'éviter les échecs de chargement.

6. notes sur les paramètres de police d'Astra + Elementor

Si l'on utilise Elementor Pour modifier la page, vous devez sélectionner les paramètres globaux d'Elementor dans l'onglet "Par défaut" afin que la page hérite des polices globales Astra et évite les définitions en double qui conduisent à des polices incohérentes.

Chemin d'exploitation :

Allez dans l'éditeur Elementor
Cliquez sur le menu dans le coin supérieur gauche "Paramètres du site"

Allez dans les paramètres de typographie et réglez les polices à hériter sur Default.

7. résumé

existent Astra Le modèle est associé à des polices de caractères Google pour faciliter la création de sites Web d'entreprise et de marques personnelles :

Établir rapidement un style typographique uniforme
Améliorer la cohérence visuelle et le professionnalisme
Pratique pour la maintenance des postes et l'amélioration de la marque

Choisir les bonnes polices Google Fonts et les configurer de manière appropriée dans Astra est un travail de base important pour l'image de marque de votre site Web.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : [email protected]
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.