WordPress

Comment changer les polices de WordPress

Changes les polices sous WordPress

Introduction

Pourquoi ne pas changer le look de votre blog en utilisant des polices personnalisées ? Vous pouvez laisser le design de votre blog exprimer complètement la thématique de votre blog en changeant les polices !  Les polices personnalisées sont à la mode. Elle vous aideront à faire ressortir votre thème si elles sont bien utilisées.

Nous aimons tous les sites Web avec des polices judicieusement choisies. Ils rendent non seulement le site plus beau, mais aussi plus agréable. Toutefois, le choix des polices WordPress est souvent limité et dépend du thème que vous utilisez. Mais la bonne nouvelle est que vous pouvez changer les polices de WordPress manuellement ou en utilisant un plugin.

Cela nous amène à une question – où pouvons-nous obtenir des polices personnalisées pour WordPress? Découvrons-le.

Où télécharger les polices de WordPress

Il existe différents sites Web à partir desquels vous pouvez trouver des polices Web gratuites. Font Squirrel est un exemple. Vous pourrez utiliser gratuitement des polices pour un usage commercial. Google Web Font Service est un autre service de polices gratuit fourni par Google et qui a des polices dans plus de 135 langues. Edge Web Fonts est également un service de police gratuit fourni par Adobe qui possède une collection énorme de polices Web. Vous pouvez même essayer Typekit, qui est une bibliothèque gratuite de plusieurs milliers de polices Web, ainsi que Fonts.com qui prétend fournir plus de 150 000 polices pour le Web.

D’autres sites Web où vous pouvez télécharger des polices de caractères gratuites sont dafont et 1001freefonts .

Conversion de polices dans un format Web

Maintenant que vous avez trouvé la police que vous souhaitez utiliser sur votre site Web, il est temps de vérifier leur format. Il convient de mentionner ici que toutes les polices ne sont pas prises en charge par les navigateurs Web. Mais, ne vous inquiétez pas, même si la police choisie n’est pas prise en charge, vous pouvez quand même la convertir dans un format compatible.

Avant de convertir des polices d’un format à un autre, regardons rapidement les différents formats de police.

  • Polices de caractères ouverts  (Open Type Font)
  • Abrégé en tant que OTF, ce sont les polices Web les plus couramment utilisées . C’est une marque déposée de Microsoft. Elles fonctionnent bien avec tous les navigateurs principaux.
  • Polices True Type (True Type Font)
  • Également appelées TTF, ces polices ont été développées par Microsoft et Apple en 1980 et sont largement utilisées par les systèmes d’exploitation Windows et Mac. Ils sont pris en charge par tous les principaux navigateurs, comme Internet Explorer à partir de la version 9.0, Google Chrome à partir de la version 4.0, Safari à partir de la version 3.1, Firefox à partir de la version 3.5 et Opera à partir de la version 10.0.
  • Format de police Open Web
  • Les polices WOFF sont largement utilisées dans les pages Web et sont recommandées par le W3C. Celles-ci sont supportés principalement par tous les navigateurs, y compris Internet Explorer à partir de la version 9.0, Google Chrome à partir de la version 4.0, Safari à partir de la version 3.1, Firefox à partir de la version 3.5 et Opera à partir de la version 10.0.
  • WOFF 2.0
  • Les polices WOFF 2.0 sont meilleures que les WOFF 1.0 en raison de leurs meilleures capacités de compression. Elles ne sont pas prises en charge par Safari et Internet Explorer, mais fonctionnent bien avec Google Chrome à partir de la version 36.0, Firefox à partir de la version 35.0 et Opera à partir de la version 26.0.
  • Polices ouvertes intégrées
  • Ces polices sont des polices OTF compactes et sont utilisées comme polices intégrées sur des pages Web. Elles sont prises en charge par tous les principaux navigateurs.

Si vous avez trouvé la police que vous souhaitez utiliser sur votre site WordPress, mais ne savez pas si elle est compatible avec tous les navigateurs, utilisez l’outil Web Font Generator . Cet outil vous permet de convertir presque toutes les polices en un format convenable:

  1. Accédez à l’outil Web Font Generator .
  2. Appuyez sur le bouton Upload ( 1 ) pour télécharger votre police, cochez la case ( 2 ).
  3. Appuyez sur le bouton Download your kit ( 3 ) et enregistrez l’archive .zip sur votre ordinateur.webfont generator
  4. À l’intérieur de l’archive, vous trouverez des polices en format WOFF et WOFF 2.0 avec les fichiers CSS et la page HTML de démonstration. Ces formats de police sont pris en charge par presque tous les navigateurs.woff and woff2 polices generees

Maintenant que vous avez toutes les informations de base entre vos mains, voyons comment ajouter des polices personnalisées à WordPress.

Ce dont vous aurez besoin

Avant d’installer des polices personnalisées à WordPress, assurez vous d’avoir les éléments suivants:

  • Accès au tableau de bord administrateur WordPress
  • Accès au panneau de contrôle d’hébergement ou FTP (facultatif)

Option 1 – Changer de polices WordPress avec des plugins

Les plugins sont probablement le moyen le plus simple pour changer les polices de WordPress. Voici quelques-uns des plugins les plus populaires:

WP Google Fonts

wp google fonts plugin

Vous pouvez facilement changer mes polices de votre site WordPress en utilisant WP Google Fonts. Ce plugin inclura automatiquement le code nécessaire à votre site. Il vous donne également la liberté d’utiliser des polices personnalisées dans des éléments CSS spécifiques du tableau de bord WordPress.

Installez simplement ce plugin dans le répertoire officiel de WordPress et ouvrez la section Google Fonts. Vous obtiendrez le Panneau de configuration des polices Google. Ici, vous pouvez sélectionner des polices et modifier divers paramètres comme le style de police, les éléments affectés, etc.

google fonts plugin wordpress

Typekit fonts for WordPress

typekit for wordpress

Si vous voulez ajouter des polices Typekit à votre site WordPress, vous devrez vous inscrire sur Typekit et créer votre propre kit d’abord. Plus d’informations sur la création de kits ici .

Une fois que vous avez créé votre kit, installez le plugin TypeKit Fonts For WordPress. Pour configurer ce plugin, accédez à la section Réglages -> Typekit et collez votre code d’incorporation. Ce plugin charge automatiquement les polices que vous avez ajoutées à votre kit .

typekit fonts wordpress

Use Any Font

use any font pluginUse Any Font est un autre plugin avec lequel vous pouvez changer un certain nombre de polices de votre site Web WordPress.

Vous pouvez installer ce plugin depuis le répertoire officiel de plugins WordPress. Une fois l’installation terminée, accédez à la section Use Any Font, créez une clé API gratuitement et appuyez sur le bouton Verify .

Une fois la vérification terminée, vous pourrez télécharger des polices dans les formats ttf, otf et woff. Le plugin vous permet également d’affecter des polices à des éléments personnalisés.

use any font wordpress

Option 2 – Changer les polices de WordPress manuellement

Si vous ne voulez pas charger votre WordPress avec des plugins, vous pouvez changer les polices de WordPress manuellement. Le processus est assez simple: vous devez charger des polices sur votre compte d’hébergement et modifier le fichier CSS du thème.Voici comment ajouter polices personnalisés à la main sur WordPress:

  1. Téléchargez la police sur votre ordinateur.
  2. Habituellement, les fichiers de police sont dans une archive .zip. Extrayez-la.
  3. Maintenant, vous devez envoyer la police(vous pouvez utiliser le client FTP ou le Gestionnaire de fichiers pour cela) dans le répertoire wp-content/themes/votre-theme/fonts (créez un dossier fonts s’il n’existe pas encore). Dans notre exemple, nous avons envoyé la police AguafinaScript-Regular.ttf .aguafina upload ftp hostinger
  4. Maintenant, dirigez-vous vers la zone d’administration WordPress et allez dans Apparence -> Editeur . Vous devriez être voir le fichier style.css . Faites défiler jusqu’au bas de ce fichier et ajoutez le code suivant (n’oubliez pas de modifier les valeurs de font-family et l’url où se situe votre police):
    @font-face {
     font-family: Aguafina Script-Regular;
     src: url(http://hostinger-tutorials.com/wp-content/themes/twentyseventeen/fonts/AguafinaScript-Regular.ttf);
     font-weight: normal;
     }
  5. Appuyez sur le bouton Mettre à jour pour enregistrer les modifications.editeur css theme wordpress

font-face charge la police chaque fois qu’un visiteur accède à votre site Web. Toutefois, la police n’est pas toujours appliquée à tous les éléments. Ainsi, vous ne verrez aucun changement dans le front-end. Pour affecter la police à un élément spécifique, vous devez modifier le même fichier style.css . Par exemple, le code suivant  applique la police Aguafina Script au titre de notre site Web:

.site-title {
 font-family: "Aguafina Script-Regular", Arial, sans-serif;
 }

Dans la capture d’écran ci-dessous vous pouvez voir le résultat final.

hostinger tutorials polices changees wordpress

Conclusion

Nous espérons que le tutoriel ci-dessus vous a aidé à changer les polices de votre WordPress. Il est fortement recommandé d’utiliser des plugins, car c’est plus simple et ça vous fait gagner du temps !

J’espère vous avoir été utile et espère vous revoir pour un prochain tutoriel !

Ajouter un commentaire

Cliquez ici pour poster un commentaire

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Commencez à économiser dès maintenant !

Hébergement et nom de domaine tout-en-un à partir de

2
45
/mois
>