{"id":4646,"date":"2017-04-24T15:50:16","date_gmt":"2017-04-24T15:50:16","guid":{"rendered":"https:\/\/blog.hostinger.io\/tutoriels\/?p=4646"},"modified":"2025-12-15T17:12:15","modified_gmt":"2025-12-15T17:12:15","slug":"ajouter-police-wordpress","status":"publish","type":"post","link":"\/fr\/tutoriels\/ajouter-police-wordpress","title":{"rendered":"Comment ajouter une police WordPress personnalis\u00e9e sur votre site"},"content":{"rendered":"<p>Il existe d&rsquo;innombrables fa&ccedil;ons de rendre votre site WordPress plus agr&eacute;able et d&rsquo;optimiser votre exp&eacute;rience utilisateur. L&rsquo;une d&rsquo;entre elles consiste &agrave; ajouter des polices de caract&egrave;res personnalis&eacute;es &agrave; votre site WordPress.<\/p><p>Cependant, le choix des polices WordPress peut &ecirc;tre limit&eacute; et d&eacute;pendre du th&egrave;me. Dans cet article, vous apprendrez comment ajouter une police WordPress personnalis&eacute;e, &agrave; la fois manuellement et en utilisant des plugins.<\/p><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Mega-WordPress-Cheat-FR.pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/public\" alt=\"\" class=\"wp-image-41459\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-ou-telecharger-les-polices-de-wordpress\">O&ugrave; t&eacute;l&eacute;charger les polices de WordPress<\/h2><p>Il existe diff&eacute;rents sites Web &agrave; partir desquels vous pouvez trouver des polices Web gratuites. <a href=\"https:\/\/www.fontsquirrel.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Font Squirrel<\/a>&nbsp;est un exemple. Vous pourrez utiliser gratuitement des polices pour un usage commercial. <a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Web Font Service<\/a>&nbsp;est un autre service de polices gratuit fourni par Google et qui a des polices dans plus de 135 langues. <a href=\"https:\/\/edgewebfonts.adobe.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Edge Web Fonts<\/a>&nbsp;est &eacute;galement un service de police gratuit fourni par Adobe qui poss&egrave;de une collection &eacute;norme de polices Web. Vous pouvez m&ecirc;me essayer <a href=\"https:\/\/typekit.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Typekit,<\/a>&nbsp;qui est une biblioth&egrave;que gratuite de plusieurs milliers de polices Web, ainsi que <a href=\"https:\/\/www.fonts.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Fonts.com<\/a>&nbsp;qui pr&eacute;tend fournir plus de 150 000 polices pour le Web.<\/p><p>D&rsquo;autres sites Web o&ugrave; vous pouvez t&eacute;l&eacute;charger des polices de caract&egrave;res gratuites sont <a href=\"https:\/\/www.dafont.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">dafont<\/a>&nbsp;et <a href=\"https:\/\/www.1001freefonts.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">1001freefonts<\/a>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.hostinger.com\/fr\/hebergement-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-41453\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-conversion-de-polices-dans-un-format-adapte-au-web\">Conversion de polices dans un format adapt&eacute; au Web<\/h2><p>Maintenant que vous avez trouv&eacute; la police que vous souhaitez utiliser sur votre site Web, il est temps de v&eacute;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&eacute;tez pas, m&ecirc;me si la police choisie n&rsquo;est pas prise en charge, vous pouvez quand m&ecirc;me la convertir dans un format compatible.<\/p><p>Avant de convertir des polices d&rsquo;un format &agrave; un autre, regardons rapidement les diff&eacute;rents formats de police.<\/p><ul class=\"wp-block-list\">\n<li><strong>Polices de caract&egrave;res ouverts<\/strong>&nbsp; (Open Type Font) <strong>&nbsp;&ndash;<\/strong>&nbsp; Abr&eacute;g&eacute; en tant que OTF, ce sont les polices Web les plus couramment utilis&eacute;es . C&rsquo;est une marque d&eacute;pos&eacute;e de Microsoft. Elles fonctionnent bien avec tous les navigateurs principaux.<\/li>\n\n\n\n<li><strong>Polices True Type<\/strong> (True Type Font)<strong>&nbsp;&ndash;<\/strong>&nbsp;&Eacute;galement appel&eacute;es TTF, ces polices ont &eacute;t&eacute; d&eacute;velopp&eacute;es par Microsoft et Apple en 1980 et sont largement utilis&eacute;es par les syst&egrave;mes d&rsquo;exploitation Windows et Mac. Ils sont pris en charge par tous les principaux navigateurs, comme Internet Explorer &agrave; partir de la version 9.0, Google Chrome &agrave; partir de la version 4.0, Safari &agrave; partir de la version 3.1, Firefox &agrave; partir de la version 3.5 et Opera &agrave; partir de la version 10.0.<\/li>\n\n\n\n<li><strong>Format de police Open Web&nbsp;&ndash;&nbsp;<\/strong>Les polices WOFF sont largement utilis&eacute;es dans les pages Web et sont recommand&eacute;es par le W3C. Celles-ci sont support&eacute;s principalement par tous les navigateurs, y compris Internet Explorer &agrave; partir de la version 9.0, Google Chrome &agrave; partir de la version 4.0, Safari &agrave; partir de la version 3.1, Firefox &agrave; partir de la version 3.5 et Opera &agrave; partir de la version 10.0.<\/li>\n\n\n\n<li><strong>WOFF 2.0&nbsp;&ndash;&nbsp;<\/strong>Les polices WOFF 2.0 sont meilleures que les WOFF 1.0 en raison de leurs meilleures capacit&eacute;s de compression. Elles ne sont pas prises en charge par Safari et Internet Explorer, mais fonctionnent bien avec Google Chrome &agrave; partir de la version 36.0, Firefox &agrave; partir de la version 35.0 et Opera &agrave; partir de la version 26.0.<\/li>\n\n\n\n<li><strong>Polices ouvertes int&eacute;gr&eacute;es&nbsp;&ndash;&nbsp;<\/strong>Ces polices sont des polices OTF compactes et sont utilis&eacute;es comme polices int&eacute;gr&eacute;es sur des pages Web. Elles sont prises en charge par tous les principaux navigateurs.<\/li>\n<\/ul><p>Si vous avez trouv&eacute; la police que vous souhaitez utiliser sur votre site WordPress, mais ne savez pas si elle est compatible avec tous les navigateurs, utilisez l&rsquo;<a href=\"https:\/\/www.fontsquirrel.com\/tools\/webfont-generator\" target=\"_blank\" rel=\"noopener noreferrer\">outil Web Font Generator<\/a>. Cet outil vous permet de convertir presque toutes les polices en un format convenable:<\/p><ol class=\"wp-block-list\">\n<li>Acc&eacute;dez &agrave; l&rsquo;outil Web Font Generator&nbsp;.<\/li>\n\n\n\n<li>Appuyez sur le bouton <strong>Upload<\/strong>&nbsp;<strong>Fonts<\/strong> ( <strong>1<\/strong>&nbsp;) pour t&eacute;l&eacute;charger votre police, <\/li>\n\n\n\n<li>Cochez la case <strong>Agreement <\/strong>( <strong>2<\/strong>&nbsp;) pour indiquer que vos polices sont l&eacute;galement admissibles pour l&rsquo;int&eacute;gration sur le web.<\/li>\n\n\n\n<li>Appuyez sur le bouton<strong>&nbsp;Download your kit <\/strong>( <strong>3<\/strong>&nbsp;) et enregistrez l&rsquo;archive .zip sur votre ordinateur.<img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2017\/04\/webfont-generator.png\" alt=\"webfont generator\" width=\"714\" height=\"287\"><\/li>\n\n\n\n<li>&Agrave; l&rsquo;int&eacute;rieur de l&rsquo;archive, vous trouverez des polices en format <strong>WOFF<\/strong> et <strong>WOFF 2.0<\/strong> avec les <strong>fichiers CSS<\/strong> et la <strong>page HTML<\/strong> de d&eacute;monstration. Ces formats de police sont pris en charge par presque tous les navigateurs.<\/li>\n<\/ol><h2 class=\"wp-block-heading\" id=\"h-comment-ajouter-une-police-personnalisee-a-wordpress\">Comment ajouter une police personnalis&eacute;e &agrave; WordPress ?<\/h2><p>Voici comment ajouter des polices personnalis&eacute;es &agrave; WordPress, en les ajoutant manuellement ou en utilisant des plugins.<\/p><h3 class=\"wp-block-heading\" id=\"h-comment-ajouter-des-polices-a-wordpress-manuellement\">Comment ajouter des polices &agrave; WordPress manuellement <\/h3><p>Si vous ne voulez pas charger votre WordPress avec des plugins, vous pouvez changer la police de WordPress manuellement. Vous devez t&eacute;l&eacute;charger votre police sur votre compte d&rsquo;<a href=\"\/fr\/hebergement-wordpress\">h&eacute;bergement WordPress<\/a> ou tout autre type d&rsquo;h&eacute;bergement que vous utilisez et modifier le fichier CSS de votre th&egrave;me.<\/p><ol class=\"wp-block-list\">\n<li>T&eacute;l&eacute;chargez la police que vous souhaitez utiliser sur votre ordinateur et extrayez l&rsquo;archive <strong>.zip<\/strong> si n&eacute;cessaire.<\/li>\n\n\n\n<li>T&eacute;l&eacute;chargez votre fichier de police dans le r&eacute;pertoire <strong>wp-content\/themes\/votre-th&egrave;me\/fonts.<\/strong> Cr&eacute;ez un dossier de polices s&eacute;par&eacute; si vous n&rsquo;en avez pas encore. Vous pouvez utiliser un client FTP comme FileZilla ou <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/gestionnaire-fichiers-hostinger\">Gestionnaire de fichiers<\/a> de Hostinger pour cette t&acirc;che. Dans notre exemple, nous avons t&eacute;l&eacute;charg&eacute; la police <strong>AguafinaScript-Regular.ttf<\/strong> en utilisant le gestionnaire de fichiers de hPanel. <\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1074\" height=\"305\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/06\/file-manager-theme-fonts.png\/public\" alt=\"Le fichier de police se trouve dans le dossier Theme du gestionnaire de fichiers de hPanel.\" class=\"wp-image-24402\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/06\/file-manager-theme-fonts.png\/w=1074,fit=scale-down 1074w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/06\/file-manager-theme-fonts.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/06\/file-manager-theme-fonts.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/06\/file-manager-theme-fonts.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/06\/file-manager-theme-fonts.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1074px) 100vw, 1074px\" \/><\/figure><p>3. Maintenant, dirigez-vous vers la zone d&rsquo;administration WordPress et allez dans <strong>Apparence<\/strong>&nbsp;-&gt; <strong>Editeur de fichiers des th&egrave;mes<\/strong>. Le fichier <strong>style.css<\/strong> s&rsquo;affiche. Faites d&eacute;filer jusqu&rsquo;au bas de ce fichier et ajoutez le code suivant. (N&rsquo;oubliez pas de modifier les valeurs de<strong>&nbsp;font-family<\/strong>&nbsp;et d&rsquo;<strong>URL<\/strong>&nbsp;pour qu&rsquo;elles correspondent &agrave; votre police): <\/p><pre class=\"\"><\/pre><p><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">@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><ol start=\"4\" class=\"wp-block-list\">\n<li>Appuyez sur le bouton <strong>Mettre &agrave; jour<\/strong>&nbsp;pour enregistrer les modifications.<img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2017\/04\/editeur-css.png\" alt=\"editeur css theme wordpress\" width=\"1168\" height=\"716\"><\/li>\n<\/ol><p>Rappelez-vous que le code <strong>font-face<\/strong> charge la police chaque fois qu&rsquo;un visiteur se rend sur votre site web. Cependant, la police n&rsquo;est encore appliqu&eacute;e &agrave; aucun &eacute;l&eacute;ment.<\/p><p>Pour affecter la police &agrave; un &eacute;l&eacute;ment sp&eacute;cifique, vous devez &eacute;diter le m&ecirc;me fichier <strong>style.css<\/strong>. Par exemple, le code suivant appliquerait la police <strong>Aguafina Script <\/strong>au titre de notre site web.<\/p><pre class=\"wp-block-preformatted\">.site-title {\n font-family: \"Aguafina Script-Regular\", Arial, sans-serif;\n }<\/pre><p>Dans la capture d&rsquo;&eacute;cran ci-dessous vous pouvez voir le r&eacute;sultat final.<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2017\/04\/hostinge-tutorials-custom-wordpress-font.png\" alt=\"changer la police dans WordPress\"><\/figure><h3 class=\"wp-block-heading\" id=\"h-comment-ajouter-des-polices-wordpress-avec-des-plugins\">Comment ajouter des polices WordPress avec des plugins<\/h3><p>L&rsquo;<a href=\"\/fr\/tutoriels\/ajouter-plugin-wordpress\">installation de plugins<\/a> pour modifier la typographie de votre site et ajouter des polices personnalis&eacute;es &agrave; WordPress est probablement la mani&egrave;re la plus simple d&rsquo;accomplir cette t&acirc;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><h3 class=\"wp-block-heading\" id=\"h-wp-google-fonts\"><a href=\"https:\/\/fr.wordpress.org\/plugins\/wp-google-fonts\" target=\"_blank\" rel=\"noopener noreferrer\">WP Google Fonts<\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2017\/04\/wp-google-fonts-plugin.png\" alt=\"Le plugin WP google fonts\"><\/figure><\/div><p>Vous pouvez facilement changer les polices de votre site WordPress en utilisant WP Google Fonts. Ce plugin inclura automatiquement le code n&eacute;cessaire &agrave; votre site. Il vous donne &eacute;galement la libert&eacute; d&rsquo;utiliser des polices personnalis&eacute;es dans des &eacute;l&eacute;ments CSS sp&eacute;cifiques du tableau de bord WordPress.<\/p><p>Installez simplement ce plugin&nbsp;dans le r&eacute;pertoire officiel de WordPress et ouvrez la section <strong>Google<\/strong>&nbsp;<strong>Fonts<\/strong>. Vous obtiendrez le Panneau de configuration des <strong>polices Google<\/strong>. Ici, vous pouvez s&eacute;lectionner la police de caract&egrave;re que vous souhaitez et modifier divers param&egrave;tres comme le style de police, les &eacute;l&eacute;ments affect&eacute;s, etc. <\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2017\/04\/google-fonts.png\" alt=\"interface du plugin WordPress google fonts \"><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-typekit-fonts-for-wordpress\"><a href=\"https:\/\/fr.wordpress.org\/plugins\/typekit-fonts-for-wordpress\" target=\"_blank\" rel=\"noopener noreferrer\">Typekit fonts for WordPress<\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2017\/04\/typekit-for-wordpress.png\" alt=\"Le plugin Typekit Fonts for WordPress\"><\/figure><\/div><p>Si vous voulez ajouter des polices Typekit &agrave; votre site WordPress, vous devrez vous inscrire sur <a href=\"https:\/\/typekit.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Typekit<\/a>&nbsp;et cr&eacute;er votre propre <strong>kit<\/strong>&nbsp;d&rsquo;abord. Plus d&rsquo;informations sur la cr&eacute;ation de <strong>kits<\/strong>&nbsp;<a href=\"https:\/\/helpx.adobe.com\/typekit\/using\/add-fonts-website.html\" target=\"_blank\" rel=\"noopener noreferrer\">ici<\/a>&nbsp;.<\/p><p>Une fois que vous avez cr&eacute;&eacute; votre <strong>kit<\/strong>, installez le plugin&nbsp;<strong>TypeKit Fonts For WordPress<\/strong>. Pour configurer ce plugin, acc&eacute;dez &agrave; la section <strong>R&eacute;glages<\/strong>&nbsp;-&gt; <strong>Typekit<\/strong>&nbsp;et collez votre code d&rsquo;incorporation. Ce plugin charge automatiquement les polices que vous avez ajout&eacute;es &agrave; votre <strong>kit<\/strong>&nbsp;.<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2017\/04\/typekit-fonts.png\" alt=\"L'interface du plugin Typekit Fonts sur WordPress\"><\/figure><h3 class=\"wp-block-heading\" id=\"h-use-any-font\"><a href=\"https:\/\/fr.wordpress.org\/plugins\/use-any-font\" target=\"_blank\" rel=\"noopener noreferrer\">Use Any Font<\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2017\/04\/use-any-font-plugin.png\" alt=\"Le plugin WordPress Use any font\"><\/figure><\/div><p>Use Any Font est un autre plugin avec lequel vous pouvez changer un certain nombre de polices de votre site Web WordPress.<\/p><p>Vous pouvez installer ce plugin&nbsp;depuis le r&eacute;pertoire officiel de plugins WordPress. Une fois l&rsquo;installation termin&eacute;e, acc&eacute;dez &agrave;&nbsp;la&nbsp;section <strong>Use Any Font<\/strong>, cr&eacute;ez une cl&eacute; API gratuitement et appuyez sur le bouton <strong>Verify<\/strong>&nbsp;.<\/p><p>Une fois la v&eacute;rification termin&eacute;e, vous pourrez t&eacute;l&eacute;charger des polices dans les formats <strong>TTF<\/strong>,<strong> OTF <\/strong>et <strong>WOFF<\/strong>. Le plugin vous permet &eacute;galement d&rsquo;affecter des polices &agrave; des &eacute;l&eacute;ments personnalis&eacute;s.<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2017\/04\/use-any-font.png\" alt=\"L'interface du plugin use any font dans WordPress\"><\/figure><h3 class=\"wp-block-heading\" id=\"h-easy-google-fonts\">Easy Google Fonts<\/h3><p>Avec Easy Google Fonts, vous pouvez utiliser n&rsquo;importe quel th&egrave;me et pr&eacute;visualiser n&rsquo;importe quelle police en temps r&eacute;el. Ce plugin est &eacute;galement simple &agrave; utiliser, car il ne n&eacute;cessite aucune connaissance en codage.<\/p><p>Une fois le plugin install&eacute; et activ&eacute;, vous pouvez modifier et g&eacute;rer les param&egrave;tres des polices en acc&eacute;dant &agrave; <strong>R&eacute;glages<\/strong> &rarr; <strong>Google Fonts<\/strong>. Si vous souhaitez modifier la typographie de votre th&egrave;me imm&eacute;diatement, entrez dans le <strong>personnalisateur de WordPress<\/strong> en cliquant sur<strong> Apparence<\/strong> &rarr; <strong>Personnaliser.<\/strong> Ensuite, vous pouvez commencer &agrave; personnaliser dans la section <strong>Typographie<\/strong>, o&ugrave; vous pouvez g&eacute;rer les polices sur n&rsquo;importe quelle partie de votre site.<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Tutoriels WordPress plus avanc&eacute;s<\/h4>\n                    <p> <a href=\"\/fr\/tutoriels\/changer-taille-police-wordpress\">Changer la taille de la police sur WordPress<\/a><br>\n<a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/creer-un-slider-wordpress\">Cr&eacute;er un slider WordPress<\/a><br>\n<a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/pagebuilder-wordpress\">Pagebuilder WordPress : Les meilleures options<\/a><\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusion<\/h2><p>Vous avez appris &agrave; t&eacute;l&eacute;charger et &agrave; convertir des polices dans un format adapt&eacute; au web. Vous avez &eacute;galement d&eacute;couvert deux fa&ccedil;ons de changer la police dans WordPress et d&rsquo;ajouter une police personnalis&eacute;e. Quelles que soient les polices que vous choisissez, assurez-vous qu&rsquo;elles sont adapt&eacute;es au th&egrave;me et &agrave; la mise en page de votre site ou votre blog.<\/p><p>Si vous avez des questions sur la fa&ccedil;on d&rsquo;ajouter une police &agrave; WordPress, partagez vos r&eacute;flexions dans la section des commentaires ci-dessous, ou visitez notre guide WordPress si vous avez des questions d&rsquo;ordre g&eacute;n&eacute;ral sur le CMS.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Il existe d&rsquo;innombrables fa&ccedil;ons de rendre votre site WordPress plus agr&eacute;able et d&rsquo;optimiser votre exp&eacute;rience utilisateur. L&rsquo;une d&rsquo;entre elles consiste &agrave; ajouter des polices de caract&egrave;res personnalis&eacute;es &agrave; votre site WordPress. Cependant, le choix des polices WordPress peut &ecirc;tre limit&eacute; et d&eacute;pendre du th&egrave;me. Dans cet article, vous apprendrez comment ajouter une police WordPress personnalis&eacute;e, [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/fr\/tutoriels\/ajouter-police-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":261,"featured_media":12258,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Comment Ajouter une Police Personnalis\u00e9e \u00e0 WordPress","rank_math_description":"Vous voulez ajouter une police personnalis\u00e9e sur WordPress ? Nous vous montrons comment faire cela rapidement dans notre tutoriel !","rank_math_focus_keyword":"ajouter une police WordPress","footnotes":""},"categories":[4777],"tags":[4996,4995,4998,4999,4997],"class_list":["post-4646","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-ajouter-polices-wordpress","tag-changer-polices-wordpress","tag-police","tag-police-decriture","tag-polices-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-add-custom-fonts-to-wordpress","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/como-adicionar-fontes-personalizadas-wordpress","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/ajouter-police-wordpress","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/fuentes-personalizadas-en-wordpress","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-add-custom-fonts-to-wordpress","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-add-custom-fonts-to-wordpress","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-add-custom-fonts-to-wordpress","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/fuentes-personalizadas-en-wordpress","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/joomla-vs-wordpress-cms-utilizar-21","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/fuentes-personalizadas-en-wordpress","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-add-custom-fonts-to-wordpress","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-add-custom-fonts-to-wordpress","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/como-adicionar-fontes-personalizadas-wordpress","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-add-custom-fonts-to-wordpress","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-add-custom-fonts-to-wordpress","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/4646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/users\/261"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/comments?post=4646"}],"version-history":[{"count":18,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/4646\/revisions"}],"predecessor-version":[{"id":43662,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/4646\/revisions\/43662"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media\/12258"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media?parent=4646"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/categories?post=4646"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/tags?post=4646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}