Comment changer les polices dans WordPress [The Easy Way]

Vous cherchez à changer la police utilisée sur votre site WordPress ?

Avec les bons outils, il est facile de changer la police de votre site ou d’ajouter plusieurs nouvelles polices. Suivez ce didacticiel rapide et une nouvelle police s’affichera sur votre site dans les prochaines minutes.

Comment utiliser les polices Google faciles

La meilleure façon de changer la police sur votre site est d’ utiliser le plugin Easy Google Fonts.

Ce plugin vous donne accès à des centaines de polices différentes à utiliser sur votre site. Avant de passer au plugin, prenons un instant pour découvrir ce qu’est Google Fonts.

Mise à jour : mon nouveau didacticiel vidéo vous guidera à travers les étapes (il utilise un plugin différent de celui de ce didacticiel).

Abonnez-vous aux thèmes de compétition sur Youtube

Qu’est-ce que les polices Google ?

Google Fonts donne accès à des centaines de polices que vous pouvez utiliser gratuitement sur n’importe quel site Web. Pour tout développeur Web cherchant à ajouter une police à son site, Google Fonts facilite la tâche.

Si vous ne connaissez pas les tenants et aboutissants de la création de sites Web, c’est là qu’intervient le plugin Easy Google Fonts. Il gère les parties techniques pour vous, il vous suffit donc de sélectionner les polices que vous aimez.

J’ai compris? Super, ajoutons ces polices !

Créez votre contrôle de police

Lorsque vous activez le plugin, vous trouverez un nouvel élément de menu Google Fonts ajouté sous Paramètres. Sur cette page, vous trouverez les options suivantes :

Vous affecterez plus tard des polices à votre « contrôle de polices » afin que vous puissiez avoir plusieurs contrôles de polices avec différentes polices et paramètres. Pour l’instant, tout ce que vous avez à faire est de nommer votre contrôle de police.

Ajouter un sélecteur CSS

Sous le nom du contrôle, il y a une case où vous pouvez définir les sélecteurs CSS que vous souhaitez utiliser. Si vous ne savez pas ce qu’est un sélecteur CSS, ce n’est pas un problème.

Il y a trois sélecteurs CSS ajoutés par défaut. Cliquez sur le « x » sur chacun pour les supprimer. Une fois supprimé, tapez un astérisque (*) et appuyez sur Entrée. Le paramètre des sélecteurs CSS devrait maintenant ressembler à ceci :

L’astérisque est un sélecteur CSS qui cible chaque élément HTML du site. En d’autres termes, vous venez de dire à Easy Google Fonts d’utiliser votre nouvelle police pour tout le texte du site.

Forcer le remplacement des styles

Je recommande également de cocher la case "Forcer le remplacement des styles". Cela garantira que la police que vous choisissez remplace les polices utilisées dans le thème. Il n’y a aucun inconvénient à utiliser cette option, vous pouvez donc aussi la vérifier et gagner une minute si les polices ne remplacent pas sans elle.

Choisissez votre nouvelle police

Maintenant que Easy Google Fonts sait quelles parties de votre site affecter, vous pouvez lui dire quelle police utiliser.

Visitez le Customizer pour commencer votre sélection de polices (Apparence > Personnaliser). Une fois là-bas, cliquez sur la nouvelle section Typographie.

EGF fonctionne très bien avec le thème Période.

Cette section dévoilera deux nouvelles sous-sections: Typographie par défaut et Typographie thématique. Cliquez sur la section Typographie du thème.

Vous verrez maintenant le contrôle que vous avez nommé plus tôt. Cliquez sur le bouton Modifier la police pour afficher les options de personnalisation.

Il y a pas mal d’options, mais seulement deux que vous devez modifier.

Modifier le script/sous-ensemble

Les polices ont des jeux de caractères conçus pour s’adapter à différentes langues. Si votre site est en anglais, sélectionnez la première option, le latin.

Choisir "Tous les sous-ensembles" rendra les fichiers de polices beaucoup plus volumineux et augmentera vos temps de chargement.

Choisissez la famille de polices

C’est là que vous pouvez enfin choisir votre nouvelle police. Lorsque vous sélectionnez différentes polices, votre site Web se met à jour instantanément.

Bien que ce soit certainement un excellent moyen de prévisualiser et de modifier les polices, ce n’est pas un moyen efficace de naviguer.

Je vous recommande de visiter Google Fonts, qui est bien conçu pour parcourir et trouver des polices. Une fois que vous avez trouvé quelques polices que vous aimez, revenez sur votre site et essayez-les avec Easy Google Fonts

Ajouter et personnaliser plus de polices

J’espère que vous adorez votre nouvelle police maintenant, mais vous pouvez faire beaucoup plus avec Easy Google Fonts.

Vous vous souvenez de la section Typographie par défaut précédente ? Vous pouvez l’utiliser pour personnaliser vos titres et paragraphes. De plus, vous n’êtes pas obligé de vous arrêter à changer la famille de polices, vous pouvez également modifier la taille et la couleur de la police. Et si vous êtes à l’aise avec certains sélecteurs CSS, vous pouvez personnaliser la police sur n’importe quelle partie de votre site.

Si vous avez des questions sur la modification des polices avec WordPress ou si vous avez une demande pour un nouveau tutoriel, veuillez laisser un commentaire ci-dessous.