![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/public\")
<\/a><\/figure>Où télécharger les polices de WordPress<\/h2>
Il existe différents sites Web à partir desquels vous pouvez trouver des polices Web gratuites. Font Squirrel<\/a> est un exemple. Vous pourrez utiliser gratuitement des polices pour un usage commercial. Google Web Font Service<\/a> est un autre service de polices gratuit fourni par Google et qui a des polices dans plus de 135 langues. Edge Web Fonts<\/a> 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,<\/a> qui est une bibliothèque gratuite de plusieurs milliers de polices Web, ainsi que Fonts.com<\/a> qui prétend fournir plus de 150 000 polices pour le Web.<\/p> D’autres sites Web où vous pouvez télécharger des polices de caractères gratuites sont dafont<\/a> et 1001freefonts<\/a>.<\/p> 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.<\/p> Avant de convertir des polices d’un format à un autre, regardons rapidement les différents formats de police.<\/p> 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<\/a>. Cet outil vous permet de convertir presque toutes les polices en un format convenable:<\/p> Voici comment ajouter des polices personnalisées à WordPress, en les ajoutant manuellement ou en utilisant des plugins.<\/p> Si vous ne voulez pas charger votre WordPress avec des plugins, vous pouvez changer la police de WordPress manuellement. Vous devez télécharger votre police sur votre compte d’hébergement WordPress<\/a> ou tout autre type d’hébergement que vous utilisez et modifier le fichier CSS de votre thème.<\/p> 3. Maintenant, dirigez-vous vers la zone d’administration WordPress et allez dans Apparence<\/strong> -> Editeur de fichiers des thèmes<\/strong>. Le fichier style.css<\/strong> s’affiche. Faites défiler jusqu’au bas de ce fichier et ajoutez le code suivant. (N’oubliez pas de modifier les valeurs de font-family<\/strong> et d’URL<\/strong> pour qu’elles correspondent à votre police): <\/p> Rappelez-vous que le code font-face<\/strong> charge la police chaque fois qu’un visiteur se rend sur votre site web. Cependant, la police n’est encore appliquée à aucun élément.<\/p> Pour affecter la police à un élément spécifique, vous devez éditer le même fichier style.css<\/strong>. Par exemple, le code suivant appliquerait la police Aguafina Script <\/strong>au titre de notre site web.<\/p> Dans la capture d’écran ci-dessous vous pouvez voir le résultat final.<\/p> L’installation de plugins<\/a> pour modifier la typographie de votre site et ajouter des polices personnalisées à WordPress est probablement la manière la plus simple d’accomplir cette tâche. Il existe plusieurs plugins que vous pouvez utiliser. Parmi les options les plus populaires, citons (WP Google Fonts, Typekit fonts for WordPress, Use Any Font, Easy Google Fonts) :<\/p> Vous pouvez facilement changer les 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.<\/p> Installez simplement ce plugin dans le répertoire officiel de WordPress et ouvrez la section Google<\/strong> Fonts<\/strong>. Vous obtiendrez le Panneau de configuration des polices Google<\/strong>. Ici, vous pouvez sélectionner la police de caractère que vous souhaitez et modifier divers paramètres comme le style de police, les éléments affectés, etc. <\/p> Si vous voulez ajouter des polices Typekit à votre site WordPress, vous devrez vous inscrire sur Typekit<\/a> et créer votre propre kit<\/strong> d’abord. Plus d’informations sur la création de kits<\/strong> ici<\/a> .<\/p> Une fois que vous avez créé votre kit<\/strong>, installez le plugin TypeKit Fonts For WordPress<\/strong>. Pour configurer ce plugin, accédez à la section Réglages<\/strong> -> Typekit<\/strong> et collez votre code d’incorporation. Ce plugin charge automatiquement les polices que vous avez ajoutées à votre kit<\/strong> .<\/p> Use Any Font est un autre plugin avec lequel vous pouvez changer un certain nombre de polices de votre site Web WordPress.<\/p> 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<\/strong>, créez une clé API gratuitement et appuyez sur le bouton Verify<\/strong> .<\/p> Une fois la vérification terminée, vous pourrez télécharger des polices dans les formats TTF<\/strong>, OTF <\/strong>et WOFF<\/strong>. Le plugin vous permet également d’affecter des polices à des éléments personnalisés.<\/p> Avec Easy Google Fonts, vous pouvez utiliser n’importe quel thème et prévisualiser n’importe quelle police en temps réel. Ce plugin est également simple à utiliser, car il ne nécessite aucune connaissance en codage.<\/p> Une fois le plugin installé et activé, vous pouvez modifier et gérer les paramètres des polices en accédant à Réglages<\/strong> → Google Fonts<\/strong>. Si vous souhaitez modifier la typographie de votre thème immédiatement, entrez dans le personnalisateur de WordPress<\/strong> en cliquant sur Apparence<\/strong> → Personnaliser.<\/strong> Ensuite, vous pouvez commencer à personnaliser dans la section Typographie<\/strong>, où vous pouvez gérer les polices sur n’importe quelle partie de votre site.<\/p> \n\n\n ![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/public\")
<\/a><\/figure>\n<\/div>Conversion de polices dans un format adapté au Web<\/h2>
\n
\n
![\"webfont](\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2017\/04\/webfont-generator.png\")
<\/li>\n\n\n\nComment ajouter une police personnalisée à WordPress ?<\/h2>
Comment ajouter des polices à WordPress manuellement <\/h3>
\n
![\"Le](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/06\/file-manager-theme-fonts.png\/w=1024,h=1024,fit=scale-down\")
<\/figure><\/pre>
@font-face { font-family: Aguafina Script-Regular; src: url(http:\/\/test-site.com\/wp-content\/themes\/twentynineteen\/fonts\/AguafinaScript-Regular.ttf); font-weight: normal; }<\/code><\/p>\n
![\"editeur](\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2017\/04\/editeur-css.png\")
<\/li>\n<\/ol>.site-title {\n font-family: \"Aguafina Script-Regular\", Arial, sans-serif;\n }<\/pre>![\"changer](\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2017\/04\/hostinge-tutorials-custom-wordpress-font.png\")
<\/figure>Comment ajouter des polices WordPress avec des plugins<\/h3>
WP Google Fonts<\/a><\/h3>
![\"Le](\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2017\/04\/wp-google-fonts-plugin.png\")
<\/figure>\n<\/div>![\"interface](\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2017\/04\/google-fonts.png\")
<\/figure>\n<\/div>Typekit fonts for WordPress<\/a><\/h3>
![\"Le](\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2017\/04\/typekit-for-wordpress.png\")
<\/figure>\n<\/div>![\"L'interface](\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2017\/04\/typekit-fonts.png\")
<\/figure>Use Any Font<\/a><\/h3>
![\"Le](\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2017\/04\/use-any-font-plugin.png\")
<\/figure>\n<\/div>![\"L'interface](\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2017\/04\/use-any-font.png\")
<\/figure>Easy Google Fonts<\/h3>