skip to Main Content

Comment ajouter des polices Google Web Fonts sur WordPress

Divi : le thème WordPress le plus facile à utiliser

Cherchez-vous les meilleurs thèmes et plugins WordPress ?

Téléchargez les meilleurs plugins et thèmes WordPress sur Envato et créez facilement votre site web. Déjà plus de 49.720.000 de téléchargements. [EXCLUSIF]

Comment ajouter une police de caractère Google (Google Web Fonts) sur votre blog ou site WordPress ? Si vous aussi vous vous posez la question, alors sachez que ce tutoriel est fait pour vous car, je vous montrerai comment procéder grâce à un plugin gratuit.

Vous devez savoir que Google met une très grande bibliothèque de polices à la disposition des internautes, donc ne vous inquiétez pas, vous trouverez probablement une police de caractère qui conviendra à votre blog.

Comment installer et configurer le plugin « Google Fonts For WordPress »

Pour commencer, vous allez installer ce plugin depuis votre tableau de bord. Rappelez-vous, un plugin disponible depuis le tableau de bord est également disponible sur WordPress.org, où vous pouvez télécharger la version zip du fichier.

google-font-for-wordpress-installation

Après avoir installé et activé le plugin, vous remarquerez qu’un nouveau menu est désormais disponible sur votre tableau de bord, il s’agit du menu « Google Fonts ».

google-font-menu

En cliquant dessus, plusieurs autres sous-menus se déplieront. Nous allons donc commencer par installer les polices.

Comment ajouter de nouvelles polices

Vous devez commencer par cliquer sur le menu « Fonts ».

menu-font-google-for-wordpress

Cette page est constituée de plusieurs onglets.

L’onglet « Install/Uninstall »

Sur cet onglet, vous pouvez voir plusieurs champs qui vous permettent notamment de :

Choisir une police dans la grande liste « Select Font », ou effectuer une recherche « Search font by name ».

Divi : Le meilleur thème WordPress de tous les temps !

Avec plus de 600.000 téléchargements, Divi est le thème WordPress le plus populaire au monde. Il est complet, facile à utiliser et livré avec plus de 62 templates gratuits. [ Recommandé ]

Prévisualiser la police (en définissant sa taille et le texte de prévisualisation).

En choisissant une police, vous pourrez voir le lien « install xyz » où « xyz » prend la valeur de la police que vous avez sélectionnée.

installation-et-configuration-de-la-police

En sélectionnant également une police de caractère déjà installée, le lien prendra une autre valeur pour « uninstall xyz ».

L’onglet « Fonts »

Dans cet onglet, vous pouvez voir les différentes polices que vous avez installées et le nombre de fois qu’elles sont utilisées dans des articles.

liste-des-polices-installes

Depuis cette interface également, vous pouvez désinstaller une police.

L’onglet Statistics & Tools

Cet onglet met à votre disposition une liste des polices qui ont été installées et celles toujours disponibles. Il s’agit en réalité d’un rapport statistique.

onglet-statistique-google-fonts

L’onglet « Extra Fonts Sizes »

Ici, vous avez la possibilité de personnaliser la taille minimale et maximale de la police. Il vous faudra au préalable activer cette option en cliquant sur « Enabled Extra Font Sizes ».

Créez Facilement votre Boutique en ligne

Téléchargez gratuitement WooCommerce, le meilleurs plugins e-commerce pour vendre vos produits physiques et numériques sur WordPress. [GRATUIT]

extra-font-size-google-font

Comment créer des polices personnalisées

L’onglet « Manage Presets »

Vous pouvez créer une combinaison de polices et de couleurs afin de créer un assemblage ou une combinaison. Pour ça, vous devez accéder à l’interface « Title Presets & Tools ».

title-preset-google-fonts

En cliquant sur ce menu, vous accéderez à l’interface qui liste les différentes combinaisons que vous avez créées.

custom-title-preset-liste

En cliquant sur « Add New Preset », un formulaire s’affichera sur la même page, et vous pourrez déterminer le nom, la police, sa couleur, son style, l’ombrage, la netteté. N’oubliez pas d’enregistrer votre combinaison.

custom-preset-formulaire-google-font

L’onglet « Import Presets »

Cet onglet vous permet tout simplement d’envoyer des configurations sur votre serveur.

envoyer-des-combinaisons-google-fonts

L’onglet « Mass Title Tools »

Cet onglet regroupe des outils qui vous permettent d’effectuer quelques actions directement sur l’ensemble des titres de votre blog. Vous pouvez notamment :

  • Mettre tous les titres en majuscule
  • Mettre le premier mot en majuscule
  • Mettre tous les titres en majuscule
  • Mettre en minuscule tous les titres
  • Etc.

Comment appliquer des polices Google

Le plus important maintenant, c’est de pouvoir appliquer les configurations sur votre thème. En activant votre plugin, de nouveaux champs seront disponibles dans l’interface de personnalisation du thème.

Vous pouvez notamment personnaliser la taille de la police, choisir une couleur, définir l’ombrage, appliquer une combinaison que vous avez créée plus tôt.

comment-personnaliser-un-thème

Vous pouvez désormais consulter votre blog, question de voir comment est-ce les modifications s’affichent.

C’est tout pour ce tutoriel sur l’ajout d’une Google Web Fonts sur WordPress, j’espère qu’il vous sera d’une grande utilité n’hésitez pas à le partager avec vos amis sur vos réseaux sociaux préférés.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Thèmes WordPress cool que j'ai trouvé sur
Et il y a plus de 50 000 thèmes et modèles parmi lesquels choisir!

Back To Top
23 Partages
Partagez20
Tweetez2
Enregistrer1
WhatsApp