{"id":33448,"date":"2019-11-05T04:39:31","date_gmt":"2019-11-05T12:39:31","guid":{"rendered":"https:\/\/kinsta.com\/?p=55983"},"modified":"2025-09-01T16:40:38","modified_gmt":"2025-09-01T15:40:38","slug":"comment-changer-polices-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/","title":{"rendered":"Comment Modifier les Polices dans WordPress (Changer la Taille, la Couleur, les Optimiser)"},"content":{"rendered":"<p>Les polices peuvent faire la diff\u00e9rence entre un site web ennuyeux et un beau site web. En apprenant \u00e0 changer la <a href=\"https:\/\/kinsta.com\/fr\/blog\/polices-modernes\/\">police de caract\u00e8res dans WordPress<\/a>, vous pouvez donner \u00e0 votre site un aspect moderne, professionnel et personnalis\u00e9.<\/p>\n<p>Mais quelle est la meilleure fa\u00e7on d&rsquo;utiliser les <a href=\"https:\/\/kinsta.com\/fr\/blog\/polices-wordpress\/\">polices de caract\u00e8res dans votre site WordPress<\/a>, et comment choisir les bonnes polices pour votre design ?<\/p>\n<p>Dans ce guide, je vais vous montrer tout ce que vous devez savoir sur les polices de caract\u00e8res dans WordPress.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2 id=\"terminology\">Polices de Caract\u00e8res : La Terminologie<\/h2>\n<p>Commen\u00e7ons par examiner la terminologie des polices de caract\u00e8res sur le Web.<\/p>\n<ul>\n<li>Les polices Web (alias <a href=\"https:\/\/kinsta.com\/fr\/blog\/polices-html\/\" target=\"_blank\" rel=\"noopener noreferrer\">polices HTML<\/a>) sont des polices h\u00e9berg\u00e9es sur un site Web tiers et li\u00e9es \u00e0 votre site.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/polices-local\/\">Les polices h\u00e9berg\u00e9es localement<\/a> sont juste \u00e7a (h\u00e9berg\u00e9es sur les serveurs de votre site web.)<\/li>\n<li>Les <a href=\"https:\/\/kinsta.com\/fr\/blog\/polices-caracteres-web-safe\/\">polices int\u00e9gr\u00e9es pour le Web (web-safe)<\/a> sont une gamme limit\u00e9e de polices pr\u00e9install\u00e9es sur (presque) tous les ordinateurs et auxquelles vous pouvez \u00eatre assez s\u00fbr que tous vos visiteurs auront acc\u00e8s.<\/li>\n<\/ul>\n<p>Jetons un coup d&rsquo;oeil aux options pour ajouter des polices \u00e0 votre site Web.<\/p>\n<h2 id=\"options\">Comment Ajouter des Polices \u00e0 Votre Site WordPress (les Options)<\/h2>\n<p>Avant de vous lancer dans l&rsquo;ajout de polices \u00e0 votre site, il est utile que vous compreniez les options qui s&rsquo;offrent \u00e0 vous.<\/p>\n<p>Les polices font partie du design de votre site, donc dans la plupart des cas, elles seront cod\u00e9es via votre th\u00e8me &#8211; mais pas toujours. Dans certains cas, vous pouvez d\u00e9cider d&rsquo;utiliser une extension pour activer un plus grand nombre de polices dans votre site.<\/p>\n<p>Voici quelques-unes des options qui s&rsquo;offrent \u00e0 vous :<\/p>\n<ul>\n<li>Utiliser des polices Web telles que <a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleures-polices-google-fonts\/\">Google Fonts<\/a> en installant une extension qui vous y donne acc\u00e8s.<\/li>\n<li>Utiliser des polices web en les codant dans votre th\u00e8me et en les recherchant (pas aussi d\u00e9licat que \u00e7a en a l&rsquo;air).<\/li>\n<li>H\u00e9berger vos polices sur votre propre site web et les ajouter \u00e0 <a href=\"https:\/\/kinsta.com\/fr\/blog\/installer-theme-wordpress\/\">votre th\u00e8me<\/a>.<\/li>\n<\/ul>\n<p>Il y a deux distinctions principales &#8211; si vous utilisez des polices Web, qui sont h\u00e9berg\u00e9es en dehors de votre site, ou si vous choisissez d&rsquo;h\u00e9berger vos fichiers de polices vous-m\u00eame. Dans ce guide, nous examinerons les avantages et les inconv\u00e9nients de chacun.<\/p>\n<p>Commen\u00e7ons par regarder les polices web : pourquoi vous pourriez choisir de les utiliser et les fa\u00e7ons de les ajouter \u00e0 votre site.<\/p>\n<h2 id=\"webfonts\">Utilisation des Polices Web dans WordPress<\/h2>\n<p>Les polices Web sont le moyen le plus populaire d&rsquo;ajouter des polices \u00e0 votre site Web parce qu&rsquo;elles permettent d&rsquo;ajouter facilement une vaste gamme de polices.<\/p>\n<h3>Que Sont les Polices Web ?<\/h3>\n<p>Les polices Web sont des polices h\u00e9berg\u00e9es sur le site Web d&rsquo;un fournisseur tiers. Au lieu de copier les fichiers sur votre propre site, vous cr\u00e9ez un lien vers le site Web du fournisseur et elles y sont r\u00e9cup\u00e9r\u00e9es.<\/p>\n<p>Cela signifie que vous avez acc\u00e8s \u00e0 une large gamme de polices sans avoir \u00e0 utiliser d&rsquo;espace serveur sur votre propre h\u00e9bergement. Cela signifie \u00e9galement que si les fichiers de polices changent au fil du temps, vous n&rsquo;avez pas besoin de mettre \u00e0 jour vos fichiers et vous aurez automatiquement acc\u00e8s aux nouvelles versions des fichiers \u00e0 partir du fournisseur.<\/p>\n<p>Les polices Web peuvent \u00eatre gratuites ou vous pouvez les payer, g\u00e9n\u00e9ralement par abonnement. Certains fournisseurs populaires sont :<\/p>\n<ul>\n<li><a href=\"https:\/\/fonts.google.com\/\">Google Fonts<\/a>. Le plus grand fournisseur de polices web gratuites. Vous pouvez \u00e9galement t\u00e9l\u00e9charger toutes leurs polices sur votre ordinateur, ce qui signifie que si vous voulez cr\u00e9er des documents hors ligne en utilisant les m\u00eames polices que votre site Web, vous le pouvez. Et tout est gratuit.<\/li>\n<li><a href=\"https:\/\/edgewebfonts.adobe.com\/\">Adobe Edge Web Fonts<\/a>. Celles-ci sont \u00e9galement gratuites. Bien qu&rsquo;elles soient con\u00e7ues pour \u00eatre utilis\u00e9es avec les produits Adobe, elles fonctionnent bien sur tous les sites Web.<\/li>\n<li><a href=\"https:\/\/www.fonts.com\/browse\">Fonts.com<\/a> est un fournisseur de polices haut de gamme, que vous devrez peut-\u00eatre utiliser si vous devez faire correspondre votre police Web \u00e0 une police provenant de votre mat\u00e9riel imprim\u00e9 et que la police n&rsquo;est pas disponible via un fournisseur gratuit.<\/li>\n<li><a href=\"https:\/\/www.fontfabric.com\/fonts\/\">fontfabric<\/a> est un concepteur de polices de caract\u00e8res qui propose des polices de qualit\u00e9 sup\u00e9rieure \u00e0 utiliser comme polices Web et en ligne. Vous devrez payer pour cela, mais vous obtiendrez quelque chose de plus individuel que si vous utilisiez les polices Google.<\/li>\n<\/ul>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/09\/google-fonts.jpg\" alt=\"Google Fonts\" width=\"1500\" height=\"849\"><figcaption class=\"wp-caption-text\">Google Fonts<\/figcaption><\/figure>\n<p>Tous ces fournisseurs vous permettent de servir les polices directement \u00e0 partir de leurs serveurs en ajoutant du code sur <a href=\"https:\/\/kinsta.com\/fr\/blog\/cout-site-web-wordpress\/\">votre site WordPress<\/a> ou parfois <a href=\"https:\/\/kinsta.com\/fr\/sujets\/extensions-wordpress\/\">en utilisant une extension<\/a> qui signifie que vous n&rsquo;avez pas besoin d&rsquo;ajouter de code.<\/p>\n<p>Les polices Web sont diff\u00e9rentes des polices web-safe. Vous pouvez utiliser celles-ci comme solution de rechange pour les polices Web au cas o\u00f9 le visiteur de votre site Web ne pourrait pas se connecter \u00e0 la police Web pour une raison quelconque. Je vous montrerai comment faire plus tard dans cet article.<\/p>\n<h3>Pourquoi Utiliser les Polices Web ?<\/h3>\n<p>Maintenant que vous savez ce que sont les polices Web, pourquoi choisiriez-vous de les utiliser au lieu d&rsquo;h\u00e9berger vos propres polices ?<\/p>\n<p>Voici quelques-uns des avantages :<\/p>\n<ul>\n<li>Facilit\u00e9 : l&rsquo;ajout de quelques lignes de code ou l&rsquo;installation d&rsquo;une extension est plus rapide que le t\u00e9l\u00e9chargement et le chargement des fichiers de polices et facilite le changement des polices si vous d\u00e9cidez de le faire \u00e0 l&rsquo;avenir.<\/li>\n<li>Gamme de polices : il y a des milliers de polices disponibles en tant que polices web et la liste ne cesse de s&rsquo;allonger.<\/li>\n<li>Mises \u00e0 jour : Si le fichier de police a besoin d&rsquo;\u00eatre mis \u00e0 jour, peut-\u00eatre pour ajouter des polices variables (dont d&rsquo;autres prochainement) ou pour ajouter des caract\u00e8res suppl\u00e9mentaires, votre site aura acc\u00e8s \u00e0 la nouvelle version sans que vous ayez \u00e0 faire quoi que ce soit.<\/li>\n<\/ul>\n<p>La plupart des sites Web utilisent des polices Web, avec une web-safe pour le d\u00e9pannage. Et avec WordPress, c&rsquo;est tr\u00e8s facile \u00e0 faire.<\/p>\n<h3>Trouver les Meilleures Polices Web pour Votre Site<\/h3>\n<p>Apr\u00e8s avoir d\u00e9cid\u00e9 d&rsquo;utiliser des polices Web, vous avez maintenant une d\u00e9cision difficile \u00e0 prendre : quelles polices utiliser ?<\/p>\n<p>Dans le bon vieux temps o\u00f9 tous les d\u00e9veloppeurs Web avaient acc\u00e8s \u00e0 ces polices pr\u00e9-install\u00e9es et s\u00fbres pour le Web, c&rsquo;\u00e9tait une d\u00e9cision tr\u00e8s facile. Souhaitez-vous utiliser une police avec ou sans serif ? (Les polices Serif ont une petite ligne ou un trait \u00e0 la fin d&rsquo;un trait plus grand dans chaque caract\u00e8re, les polices sans empattement n&rsquo;en ont pas). Apr\u00e8s avoir pris cette d\u00e9cision, vos choix \u00e9taient tr\u00e8s limit\u00e9s.<\/p>\n<p>Mais maintenant, le monde est \u00e0 votre port\u00e9e.<\/p>\n<p>Voici quelques conseils pour vous aider \u00e0 choisir la meilleure police pour votre site :<\/p>\n<ul>\n<li>Regardez vos documents imprim\u00e9s. Y a-t-il des polices d\u00e9j\u00e0 utilis\u00e9es que vous pouvez trouver comme polices web ? Sinon, pouvez-vous trouver quelque chose de similaire ?<\/li>\n<li>Consultez les sites Web de vos concurrents. Quels types de polices utilisent-ils ? Je ne vous recommande pas de les copier, mais il peut y avoir certains styles qui transmettent le bon type d&rsquo;image aux utilisateurs de votre site Web.<\/li>\n<li>Pensez au genre d&rsquo;humeur que vous voulez transmettre avec vos polices. Certaines polices sont plus modernes, d&rsquo;autres plus traditionnelles. Certains sont amusantes, d&rsquo;autres plus s\u00e9rieuses.<\/li>\n<li>Tenez-vous en \u00e0 celles <a href=\"https:\/\/kinsta.com\/fr\/sujets\/strategie-contenu\/#give-readers-your-very-best\">qui sont faciles \u00e0 lire<\/a> pour le corps du texte, et utilisez des polices plus int\u00e9ressantes pour les titres si vous le souhaitez.<\/li>\n<li>Choisissez parmi <a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleures-polices-google-fonts\/\">les Google Fonts les plus populaires<\/a> &#8211; elles seront famili\u00e8res aux visiteurs du site Web et sont faciles \u00e0 lire.<\/li>\n<\/ul>\n<p>Une fois que vous avez choisi vos polices, prenez le temps de les exp\u00e9rimenter. Les fournisseurs de polices comme Google Fonts vous permettent de saisir du texte personnalis\u00e9 pour voir \u00e0 quoi cela ressemble dans la police de votre choix. Une fois que vous voyez votre propre texte dans la police, cela peut vous aider \u00e0 d\u00e9cider si c&rsquo;est la bonne police pour vous.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/experimenter-police-caracteres-1.jpg\" alt=\"Exp\u00e9rimenter avec votre police de caract\u00e8res\" width=\"1500\" height=\"369\"><figcaption class=\"wp-caption-text\">Exp\u00e9rimenter avec votre police de caract\u00e8res<\/figcaption><\/figure>\n<p>And remember, using web fonts makes it very easy to change your fonts so you can always switch to another option while you&rsquo;re <a href=\"https:\/\/kinsta.com\/fr\/blog\/engager-developpeur-wordpress\/\">developing your theme<\/a> or setting your site up.<\/p>\n<h3>Comment Ajouter des Polices Web avec une Extension WordPress<\/h3>\n<p>Vous avez donc choisi la police de caract\u00e8res de votre choix, il est maintenant temps de l&rsquo;ajouter \u00e0 votre site.<\/p>\n<p>Si vous ne vous sentez pas \u00e0 l&rsquo;aise d&rsquo;ajouter du code \u00e0 vos fichiers de th\u00e8me, vous pouvez installer une extension qui vous permettra d&rsquo;acc\u00e9der \u00e0 Google Fonts et d&rsquo;utiliser la police que vous voulez sur votre site.<\/p>\n<p>L\u2019extension <a href=\"https:\/\/wordpress.org\/plugins\/olympus-google-fonts\/\">Google Fonts Typography<\/a> vous donne acc\u00e8s \u00e0 l&rsquo;ensemble de la biblioth\u00e8que de Google Fonts et vous permet de les consulter via l\u2019outil de personnalisation de WordPress.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-installer-plugins-wordpress\/\">Installez l\u2019extension<\/a> sur votre site comme n&rsquo;importe quelle autre extension, puis activez-la.<\/p>\n<p>Allez dans <strong>Apparence &gt; Personnaliser pour <\/strong>acc\u00e9der \u00e0 la personnalisation. Vous verrez une section pour <strong>Google Fonts<\/strong>.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/google-fonts-personnalisation-1.jpg\" alt=\"Google Fonts dans la personnalisation\" width=\"1500\" height=\"804\"><figcaption class=\"wp-caption-text\">Google Fonts dans la personnalisation<\/figcaption><\/figure>\n<p>Cliquez sur ce lien pour acc\u00e9der aux r\u00e9glages de vos polices. Configurez-les comme suit :<\/p>\n<p><strong>R\u00e9glages de base<\/strong> : Configurez la police par d\u00e9faut pour votre corps de texte et vos titres, ainsi que les boutons \u00e9ventuels. Dans la capture d&rsquo;\u00e9cran ci-dessous, vous pouvez voir que j&rsquo;ai ajout\u00e9 une police \u00e0 empattement facile \u00e0 lire pour le corps et une police plus distinctive pour les titres.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/configuration-reglages-base.jpg\" alt=\"Configuration des r\u00e9glages de base\" width=\"1500\" height=\"708\"><figcaption class=\"wp-caption-text\">Configuration des r\u00e9glages de base<\/figcaption><\/figure>\n<p><strong>R\u00e9glages avanc\u00e9s<\/strong> : Ici, vous pouvez configurer l&rsquo;image de marque (titre et description du site), la navigation (votre menu), le contenu et les titres plus en d\u00e9tail, votre barre lat\u00e9rale et votre pied de page. Vous pouvez \u00e9galement charger des polices sans les affecter \u00e0 quoi que ce soit, ce qui signifie que vous pouvez <a href=\"https:\/\/kinsta.com\/fr\/blog\/css-wordpress\/\">les ajouter \u00e0 tout CSS personnalis\u00e9<\/a> dans la personnalisation.<\/p>\n<p><strong>Chargement des polices<\/strong> : S&rsquo;il y a des poids de police dont vous n&rsquo;avez pas besoin (Ex : gras, italique, etc.), vous pouvez les d\u00e9cocher ici pour qu&rsquo;ils ne ralentissent pas inutilement votre site.<\/p>\n<p><strong>D\u00e9bogage<\/strong> : Utilisez cette option pour forcer l&rsquo;affichage de toutes les polices qui ne fonctionnent pas comme elles le devraient.<\/p>\n<p>Passez un peu de temps \u00e0 travailler avec ces r\u00e9glages et \u00e0 les tester dans la personnalisation pour vous assurer qu&rsquo;ils fonctionnent comme vous le souhaitez. Lorsque vous \u00eates satisfait de vos r\u00e9glages, cliquez sur le bouton <strong>Publier. <\/strong>Ne quittez pas la personnalisation sans cliquer sur <strong>Publier <\/strong>ou vous perdrez vos modifications.<\/p>\n<h4>Modification des Couleurs de Police<\/h4>\n<p>La version gratuite de l\u2019extension ne vous permet pas de modifier les couleurs de vos polices. Pour ce faire, vous devrez soit acheter la version Premium, soit utiliser l&rsquo;option<strong> CSS suppl\u00e9mentaire <\/strong>dans la personnalisation.<\/p>\n<p>Revenez \u00e0 l&rsquo;\u00e9cran d&rsquo;accueil de l\u2019outil de personnalisation et cliquez sur l&rsquo;onglet<strong> CSS suppl\u00e9mentaire. <\/strong>Une zone de texte vide vous sera pr\u00e9sent\u00e9e dans laquelle vous pourrez <a href=\"https:\/\/kinsta.com\/fr\/blog\/css-wordpress\/\">ajouter votre propre CSS<\/a>.<\/p>\n<p>Pour trouver l&rsquo;\u00e9l\u00e9ment dont vous avez besoin pour le style, s\u00e9lectionnez-le et cliquez sur <a href=\"https:\/\/www.lifewire.com\/get-inspect-element-tool-for-browser-756549\">utilisez l&rsquo;inspecteur de code<\/a> de votre navigateur pour savoir de quelle couleur a le style.<\/p>\n<p>Ci-dessous, j&rsquo;utilise Google Chrome et j&rsquo;ai cibl\u00e9 un \u00e9l\u00e9ment <code>h1<\/code>.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/inspecter-code1.jpg\" alt=\"Inspecter votre code dans Chrome\" width=\"1500\" height=\"774\"><figcaption class=\"wp-caption-text\">Inspecter votre code dans Chrome<\/figcaption><\/figure>\n<p>Dans mon <a href=\"https:\/\/kinsta.com\/fr\/blog\/modifier-theme-wordpress\/\">th\u00e8me WordPress<\/a>, il a h\u00e9rit\u00e9 sa couleur de l&rsquo;\u00e9l\u00e9ment body. J&rsquo;aimerais ajouter quelque chose de plus pr\u00e9cis. Dans la zone de texte de votre CSS, saisissez le CSS de votre \u00e9l\u00e9ment et la couleur que vous souhaitez utiliser. Le mien ressemble \u00e0 \u00e7a :<\/p>\n<pre><code class=\"language-css\">h1 {\n color: #f542f5;\n}<\/code><\/pre>\n<p>Cela me donne un \u00e9l\u00e9ment h1 rose vif :<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/changer-couleur-titre.jpg\" alt=\"Changer la couleur de titre\" width=\"1500\" height=\"781\"><figcaption class=\"wp-caption-text\">Changer la couleur de titre<\/figcaption><\/figure>\n<p>Vous pouvez r\u00e9p\u00e9ter cette op\u00e9ration avec tous les \u00e9l\u00e9ments de texte auxquels vous souhaitez ajouter de la couleur, ainsi qu&rsquo;avec les polices personnalis\u00e9es qui n&rsquo;\u00e9taient pas incluses dans les options des autres \u00e9crans. Si vous voulez savoir quel CSS utiliser pour les polices, lisez la section de cet article sur la modification de vos polices via CSS.<\/p>\n<h3>Comment Ajouter Manuellement des Polices Web<\/h3>\n<p>Si vous ne souhaitez pas ajouter une extension suppl\u00e9mentaire sur votre site et avoir acc\u00e8s au code de votre th\u00e8me, vous pouvez installer et utiliser des polices web en <a href=\"https:\/\/kinsta.com\/fr\/blog\/modifier-code-wordpress\/\">ajouter du code \u00e0 votre fichier de fonctions et \u00e0 votre feuille de style<\/a>.<\/p>\n<p>Si votre site utilise un th\u00e8me personnalis\u00e9 que vous pouvez modifier, vous pouvez modifier le fichier de fonctions et la feuille de style de votre th\u00e8me. Mais si vous utilisez un th\u00e8me d&rsquo;une tierce partie que vous <a href=\"https:\/\/kinsta.com\/fr\/blog\/installer-theme-wordpress\/\">achet\u00e9 ou obtenu \u00e0 partir du r\u00e9pertoire de th\u00e8me de WordPress<\/a>, alors vous aurez besoin de <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/\">cr\u00e9er un th\u00e8me enfant<\/a>. Vous devrez alors lui donner deux fichiers : <strong>functions.php <\/strong>et <strong>style.css<\/strong>.<\/p>\n<p>Passons en revue le processus d&rsquo;ajout manuel de polices Web \u00e0 votre th\u00e8me. Je vais travailler avec Google Fonts pour cet exemple, car c&rsquo;est le plus couramment utilis\u00e9 et c&rsquo;est gratuit.<\/p>\n<h4>Choisir une Police et R\u00e9cup\u00e9rer le Lien<\/h4>\n<p>Commencez par choisir votre police dans Google Fonts. Ajoutez-la \u00e0 votre biblioth\u00e8que en cliquant sur l&rsquo;ic\u00f4ne plus \u00e0 c\u00f4t\u00e9.<\/p>\n<p>Cliquez sur l&rsquo;onglet au bas de l&rsquo;\u00e9cran de votre biblioth\u00e8que et vous verrez un code que vous pourrez ajouter \u00e0 votre site. Si vous voulez ajouter des poids et des styles de police suppl\u00e9mentaires, cliquez sur l&rsquo;onglet <strong>Personnaliser <\/strong>et s\u00e9lectionnez ceux que vous voulez. Puis retournez \u00e0 l&rsquo;onglet<strong> Int\u00e9grer.<\/strong><\/p>\n<p>Ne copiez pas le code exactement : vous l&rsquo;utiliserez, mais au lieu d&rsquo;appeler la police dans la section &lt;head&gt; de l&rsquo;en-t\u00eate de votre site, vous mettrez les polices dans la file d\u2019attente. C&rsquo;est la bonne fa\u00e7on de faire dans WordPress.<\/p>\n<p>Au lieu de cela, \u00e0 partir de la section Int\u00e9grer la police, copiez uniquement le lien vers la police.<\/p>\n<p>Donc, dans mon cas, Google Fonts me donne ce code :<\/p>\n<pre><code class=\"language-php\">&lt;link href=\"https:\/\/fonts.googleapis.com\/css?family=Raleway\" rel=\"stylesheet\"&gt;<\/code><\/pre>\n<p>J&rsquo;ai juste besoin de copier ce morceau :<\/p>\n<pre><code class=\"language-php\">https:\/\/fonts.googleapis.com\/css?family=Raleway<\/code><\/pre>\n<h4>Mise en Attente de Police(s)<\/h4>\n<p>Ouvrez le fichier de fonctions de votre th\u00e8me et ajoutez ce qui suit, en rempla\u00e7ant le lien pour ma police par le lien que Google vous a donn\u00e9 pour la v\u00f4tre :<\/p>\n<pre><code class=\"language-php\">function kinsta_add_google_fonts() {\n wp_register_style( 'googleFonts', 'https:\/\/fonts.googleapis.com\/css?family=Raleway');\n wp_enqueue_style( 'googleFonts');\n}\nadd_action( 'wp_enqueue_scripts', 'kinsta_add_google_fonts' );<\/code><\/pre>\n<p>Ceci interroge le style \u00e0 partir des serveurs Google Fonts. Si vous avez besoin d&rsquo;ajouter d&rsquo;autres polices \u00e0 l&rsquo;avenir, vous pouvez soit ajouter une nouvelle ligne \u00e0 votre fonction, soit l&rsquo;ajouter dans la m\u00eame ligne, comme cela :<\/p>\n<pre><code class=\"language-php\">function kinsta_add_google_fonts() {\n wp_register_style( 'googleFonts', 'https:\/\/fonts.googleapis.com\/css?family=Merriweather|Raleway');\n wp_enqueue_style( 'googleFonts');\n}\nadd_action( 'wp_enqueue_scripts', 'kinsta_add_google_fonts' );<\/code><\/pre>\n<p>Les polices Merriweather et Raleway seront toutes les deux mises en file d&rsquo;attente.<\/p>\n<h4>Ajout de Police(s) \u00e0 Votre Feuille de Style<\/h4>\n<p>Cela ne fera pas encore fonctionner la police dans votre site : vous devez quand m\u00eame l&rsquo;ajouter \u00e0 la feuille de style de votre th\u00e8me.<\/p>\n<p>Ouvrez le fichier<strong> style.css <\/strong>dans votre th\u00e8me et ajoutez le code pour styliser les \u00e9l\u00e9ments individuels avec vos polices web. Assurez-vous que vous <a href=\"https:\/\/kinsta.com\/fr\/blog\/combine-external-css\/\">l&rsquo;ajouter apr\u00e8s n&rsquo;importe quel CSS existant<\/a> pour les polices, ou il peut \u00eatre outrepass\u00e9.<\/p>\n<p>C&rsquo;est \u00e0 vous de choisir les \u00e9l\u00e9ments de style, mais il est courant d&rsquo;utiliser une police lisible pour l&rsquo;\u00e9l\u00e9ment de corps et quelque chose de plus fantaisiste pour les en-t\u00eates.<\/p>\n<pre><code class=\"language-css\">body {\n font-family: 'Raleway', sans-serif;\n}\n\nh1, h2, h3 {\n font-family: 'Merriweather', serif;\n}<\/code><\/pre>\n<p>Dans le cas ci-dessus, tout sur la page utilisera la police Raleway, sauf les \u00e9l\u00e9ments h1, h2 et h3, qui utiliseront Merriweather.<\/p>\n<p>Maintenant, enregistrez votre feuille de style et v\u00e9rifiez votre site pour vous assurer que tout fonctionne comme pr\u00e9vu. Si les nouvelles polices ne s&rsquo;affichent pas, essayez de <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-effacer-cache-navigateur\/\">vider le cache de votre navigateur<\/a> et v\u00e9rifier que les polices ne sont pas remplac\u00e9es par un style pour les polices plus bas dans la feuille de style. C&rsquo;est pourquoi c&rsquo;est une bonne id\u00e9e soit d&rsquo;ajouter votre nouveau style au bas de la feuille de style, soit de remplacer le style de police existant par votre nouveau style (encore mieux).<\/p>\n<h4>Ajout D&rsquo;une Police de Secours<\/h4>\n<p>Il peut y avoir des occasions o\u00f9 quelqu&rsquo;un visite votre site et ne peut pas acc\u00e9der aux fichiers de polices web pour une raison quelconque. Peut-\u00eatre qu&rsquo;ils sont sur un une mauvaise connexion ou l&rsquo;utilisation d&rsquo;un ancien p\u00e9riph\u00e9rique qui n\u2019affiche pas les polices Web. Ou peut-\u00eatre que votre fournisseur de polices Web a des probl\u00e8mes techniques.<\/p>\n<p>Pour cette raison, c&rsquo;est une bonne id\u00e9e d&rsquo;avoir une solution de secours en place.<\/p>\n<p>Le code qui vous est donn\u00e9 par les polices Google a d\u00e9j\u00e0 comme sauvegarde de simplement sp\u00e9cifier <code>serif<\/code> or <code>sans-serif<\/code>, mais nous pouvons aller un pas plus loin que cela.<\/p>\n<p>Utilisez l&rsquo;une des polices pr\u00eates pour le Web qui seront d\u00e9j\u00e0 install\u00e9es sur la machine de votre visiteur, puis incluez la deuxi\u00e8me solution de repli de <code>serif<\/code> or <code>sans-serif<\/code>, au cas o\u00f9 ils utilisent un appareil mobile qui ne poss\u00e8de m\u00eame pas les polices pr\u00eates pour le Web.<\/p>\n<p>Retournez \u00e0 votre feuille de style et modifiez votre CSS en quelque chose comme ceci :<\/p>\n<pre><code class=\"language-css\">body {\n font-family: 'Raleway', Helvetica, sans-serif;\n}\n\nh1, h2, h3 {\n font-family: 'Merriweather', Georgia, serif;\n}<\/code><\/pre>\n<p>Cela signifie que les personnes qui visitent votre site verront vos polices Web si tout va bien ; mais si ce n&rsquo;est pas le cas, elles verront Helvetica ou Georgia, ou \u00e0 d\u00e9faut, elles verront les polices avec ou sans empattement que leur navigateur est capable de charger.<\/p>\n<h2 id=\"host\">H\u00e9bergement de vos Propres Polices dans WordPress<\/h2>\n<p>Certains d\u00e9veloppeurs pr\u00e9f\u00e8rent ne pas utiliser de polices Web mais plut\u00f4t h\u00e9berger les polices sur leurs propres serveurs et vous pourriez en faire partie.<\/p>\n<p>Cela peut \u00eatre d\u00fb \u00e0 un ou plusieurs facteurs, dont les suivants <a href=\"https:\/\/kinsta.com\/fr\/blog\/securite-wordpress\/\">la s\u00e9curit\u00e9<\/a>, <a href=\"https:\/\/kinsta.com\/fr\/blog\/plugins-performance-wordpress\/\">le rendement<\/a> ou le budget.<\/p>\n<p>Si la performance vous pr\u00e9occupe, vous pouvez optimiser la performance de vos polices Web de plusieurs fa\u00e7ons, qui sont abord\u00e9es plus loin dans cet article. Mais si vous avez d\u00e9cid\u00e9 de choisir la route locale, vous devrez savoir comment le faire.<\/p>\n<h3>Pourquoi H\u00e9berger vos Propres Polices ?<\/h3>\n<p>L&rsquo;utilisation des polices Web est souvent plus facile et peut vous donner plus de flexibilit\u00e9 tout en prenant moins de place sur votre serveur. Mais \u00e7a ne veut pas dire qu&rsquo;il n&rsquo;y a pas d&rsquo;occasions o\u00f9 <a href=\"https:\/\/kinsta.com\/fr\/blog\/polices-local\/\">l&rsquo;h\u00e9bergement local des polices<\/a> pourrait ne pas \u00eatre plus appropri\u00e9.<\/p>\n<p>Raisons pour lesquelles vous voudrez peut-\u00eatre h\u00e9berger les polices localement :<\/p>\n<p>Vous constaterez peut-\u00eatre que vous pouvez contourner certains de ces probl\u00e8mes<\/p>\n<ul>\n<li>Pour des raisons de s\u00e9curit\u00e9, vous pr\u00e9f\u00e9rerez peut-\u00eatre ne pas faire appel \u00e0 des ressources provenant de fournisseurs tiers, sachant que la s\u00e9curit\u00e9 de votre propre site est contr\u00f4l\u00e9e par vous.<\/li>\n<li>Vous constaterez peut-\u00eatre que l&rsquo;utilisation d&rsquo;un <a href=\"https:\/\/kinsta.com\/fr\/blog\/performances-des-tierces-parties\/\">service d&rsquo;une tierce partie a un impact sur la performance de votre site<\/a>.<\/li>\n<li>Vous avez peut-\u00eatre achet\u00e9 un fichier de police et vous souhaitez l&rsquo;utiliser. Assurez-vous que votre licence inclut l&rsquo;utilisation du site Web ainsi que l&rsquo;utilisation dans les documents imprim\u00e9s.<\/li>\n<li>Votre site peut \u00eatre h\u00e9berg\u00e9 localement, par exemple sur un intranet, et les utilisateurs n&rsquo;auront pas acc\u00e8s aux polices Web lorsqu&rsquo;ils l&rsquo;utilisent.<\/li>\n<\/ul>\n<h3>O\u00f9 Trouver les Polices que Vous Pouvez H\u00e9berger Localement<\/h3>\n<p>De nombreuses polices Web peuvent \u00e9galement \u00eatre t\u00e9l\u00e9charg\u00e9es pour \u00eatre utilis\u00e9es en tant que polices h\u00e9berg\u00e9es localement, mais vous devrez v\u00e9rifier que cela est autoris\u00e9 par la licence. Dans le cas de Google Fonts, c&rsquo;est autoris\u00e9.<\/p>\n<p>Vous d\u00e9couvrirez \u00e9galement qu&rsquo;il existe des polices non disponibles sous forme de polices Web que vous pouvez t\u00e9l\u00e9charger et h\u00e9berger vous-m\u00eame. Tout fichier de police que vous pouvez t\u00e9l\u00e9charger sur votre ordinateur peut \u00e9galement \u00eatre t\u00e9l\u00e9charg\u00e9 sur votre site Web et y \u00eatre stock\u00e9. Si vous avez besoin d&rsquo;utiliser une police qui n&rsquo;est pas disponible en tant que police Web pour faire le lien avec votre <a href=\"https:\/\/kinsta.com\/fr\/blog\/exemples-de-sites-wordpress\/\">fichier<\/a> ce sera la solution, mais assurez-vous que votre licence le permet<\/p>\n<h3>Comment Ajouter des Polices H\u00e9berg\u00e9es Localement \u00e0 Votre Site WordPress<\/h3>\n<p>Donc vous savez que vous voulez h\u00e9berger vos polices localement, comment proc\u00e9dez-vous pour les configurer ?<\/p>\n<p>Le processus est diff\u00e9rent de l&rsquo;utilisation des polices Web. Vous devez <a href=\"https:\/\/kinsta.com\/fr\/blog\/augmenter-taille-max-upload-wordpress\/\">t\u00e9l\u00e9verser le(s) fichier(s)<\/a> de police sur votre site et cr\u00e9er un lien vers eux dans votre feuille de style sans avoir \u00e0 les mettre en file d&rsquo;attente dans votre fichier de fonctions.<\/p>\n<h4>T\u00e9l\u00e9charger et Convertir les Polices<\/h4>\n<p>Commencez par t\u00e9l\u00e9charger les polices que vous voulez utiliser. Dans Google Fonts, vous pouvez le faire en cliquant sur l&rsquo;ic\u00f4ne de t\u00e9l\u00e9chargement lorsque vous visualisez la police dans votre biblioth\u00e8que.<\/p>\n<figure id=\"attachment_56119\" aria-describedby=\"caption-attachment-56119\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-56119 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/telechargement-polices-partir-google-fonts.jpg\" alt=\"T\u00e9l\u00e9chargement de polices \u00e0 partir de Google Fonts\" width=\"1500\" height=\"790\"><figcaption id=\"caption-attachment-56119\" class=\"wp-caption-text\">T\u00e9l\u00e9chargement de polices \u00e0 partir de Google Fonts<\/figcaption><\/figure>\n<p>D\u00e9zippez le fichier de police sur votre ordinateur et supprimez tous les poids de police que vous n&rsquo;avez pas besoin d&rsquo;utiliser sur votre site : il ne sert \u00e0 rien de t\u00e9l\u00e9verser des fichiers que vous n&rsquo;utilisez pas.<\/p>\n<p>Pour utiliser sur votre site Web, les fichiers devront \u00eatre au format.woff. Si ce n&rsquo;est pas le cas (ils ne le seront pas si vous les avez obtenus \u00e0 partir des polices Google), vous pouvez utiliser un service comme <a href=\"https:\/\/convertio.co\/ttf-woff\/\">Convertio<\/a> pour les convertir.<\/p>\n<h4>T\u00e9l\u00e9verser les Polices sur Votre Th\u00e8me<\/h4>\n<p>T\u00e9l\u00e9versez maintenant le(s) fichier(s) de police sur <a href=\"https:\/\/kinsta.com\/fr\/blog\/themes-wordpress-gratuits-vs-payants\/\">votre th\u00e8me<\/a>, dans <strong>wp-content\/themes\/nomdutheme<\/strong>, o\u00f9 <strong>nomdutheme <\/strong>est le dossier de votre th\u00e8me. C&rsquo;est une bonne id\u00e9e de mettre tous les fichiers de polices dans leur propre dossier dans le th\u00e8me, par exemple, un dossier <strong>polices ou fonts.<\/strong><\/p>\n<p>Si vous travaillez avec un th\u00e8me tiers, <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/\">cr\u00e9ez un th\u00e8me enfant<\/a> pour vos fichiers de polices et votre feuille de style.<\/p>\n<p>Une fois que vous aurez fait cela, vous devrez ajouter la police \u00e0 votre feuille de style.<\/p>\n<h4>Ajout des Polices en CSS<\/h4>\n<p>Ouvrez la feuille de style de votre th\u00e8me.<\/p>\n<p>Ajoutez du code comme ceci, en rempla\u00e7ant les polices que j&rsquo;ai utilis\u00e9es par les v\u00f4tres :<\/p>\n<pre><code class=\"language-css\">@font-face {\n font-family: \u2018Raleway';\n src: url( \u201cfonts\/Raleway-Medium.ttf\u201d) format(\u2018woff\u2019); \/* medium *\/\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: \u2018Raleway';\n src: url( \u201cfonts\/Raleway-Bold.ttf\u201d) format(\u2018woff\u2019); \/* medium *\/\n font-weight: bold;\n font-style: normal;\n}\n\n@font-face {\n font-family: \u2018Merriweather';\n src: url( \u201cfonts\/Merriweather.ttf\u201d) format(\u2018woff\u2019); \/* medium *\/\n font-weight: normal;\n font-style: normal;\n}<\/code><\/pre>\n<p>Ajoutez-en d&rsquo;autres dont vous avez besoin. Notez que si vous voulez utiliser les variations en gras, italiques, etc de votre police, vous devez les d\u00e9clarer en utilisant <code>@fontface<\/code> et ensuite <a href=\"https:\/\/css-tricks.com\/whats-deal-declaring-font-properties-font-face\/\">sp\u00e9cifier le poids ou le style pour chacun<\/a>, comme je l&rsquo;ai fait ci-dessus avec Raleway pour les poids gras et normaux.<\/p>\n<p>Ajoutez maintenant le style de vos \u00e9l\u00e9ments, comme vous le feriez lors de l&rsquo;utilisation de polices Web :<\/p>\n<pre><code class=\"language-css\">body {\n font-family: 'Raleway', Helvetica, sans-serif;\n src: url( \u201c\/fonts\/Raleway-Medium.ttf\u201d );\n}\n\nh1, h2, h3 {\n font-family: 'Merriweather', Georgia, serif;\n}<\/code><\/pre>\n<p>Vos polices h\u00e9berg\u00e9es localement fonctionneront maintenant avec votre th\u00e8me.<\/p>\n<h2 id=\"change\">Comment Modifier les Polices dans WordPress<\/h2>\n<p>Maintenant, vous savez comment installer les polices dans votre site WordPress de deux fa\u00e7ons. Pourquoi ne pas les modifier ? Et si on les changeait ?<\/p>\n<p>Vous pouvez modifier vos polices de l&rsquo;une des trois fa\u00e7ons suivantes : via l\u2019outil de personnalisation, dans l&rsquo;\u00e9cran de modification des articles ou des pages, ou en utilisant le CSS.<\/p>\n<p>Examinons chacune de ces options pour changer le style, la couleur et la taille de la police.<\/p>\n<h3>Comment Changer les Styles de Police dans WordPress<\/h3>\n<p>Voyons comment nous pouvons le faire si vous utilisez l&rsquo;\u00e9diteur de blocs ou l&rsquo;\u00e9diteur classique.<\/p>\n<h4>Changer les Styles de Police dans L&rsquo;\u00e9diteur de Bloc (Gutenberg)<\/h4>\n<p>Si vous utilisez une version r\u00e9cente de WordPress avec l\u2019<a href=\"https:\/\/kinsta.com\/fr\/blog\/editeur-wordpress-gutenberg\/\">\u00e9diteur Gutenberg<\/a>, vous pouvez changer le style de votre texte lorsque vous le modifiez dans votre article ou votre page.<\/p>\n<p>S\u00e9lectionnez le bloc que vous voulez modifier et un menu de style appara\u00eetra au-dessus.<\/p>\n<figure id=\"attachment_56120\" aria-describedby=\"caption-attachment-56120\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-56120 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/style-bloc-gutenberg-1.jpg\" alt=\"Style de bloc Gutenberg\" width=\"1500\" height=\"567\"><figcaption id=\"caption-attachment-56120\" class=\"wp-caption-text\">Style de bloc Gutenberg<\/figcaption><\/figure>\n<p>S\u00e9lectionnez le texte que vous voulez modifier, puis cliquez sur les ic\u00f4nes pour le mettre en gras ou en italique. Si vous cliquez sur la fl\u00e8che \u00e0 c\u00f4t\u00e9 de ceux-ci, vous verrez que vous pouvez \u00e9galement s\u00e9lectionner le style barr\u00e9.<\/p>\n<figure id=\"attachment_56500\" aria-describedby=\"caption-attachment-56500\" style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-56500 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/texte-barre-gutenberg-1.jpg\" alt=\"Texte barr\u00e9 dans Gutenberg\" width=\"1500\" height=\"639\"><figcaption id=\"caption-attachment-56500\" class=\"wp-caption-text\">Texte barr\u00e9 dans Gutenberg<\/figcaption><\/figure>\n<h4>Modification des Styles de Police dans L&rsquo;\u00e9diteur Classique<\/h4>\n<p>Si vous utilisez une ancienne version de WordPress ou si vous avez l&rsquo;extension <a href=\"https:\/\/en-gb.wordpress.org\/plugins\/classic-editor\/\">Classic Editor<\/a> install\u00e9e, vous pouvez \u00e9galement modifier les styles de polices. (Si vous ne voulez pas de l&rsquo;\u00e9diteur Gutenberg, il est pr\u00e9f\u00e9rable de <a href=\"https:\/\/kinsta.com\/fr\/docs\/support\/portee-support\/portee-support-wordpress-infogere\/\">mettre \u00e0 jour WordPress<\/a> et de <a href=\"https:\/\/kinsta.com\/fr\/blog\/desactiver-editeur-gutenberg-wordpress\/\">d\u00e9sactiver Gutenberg<\/a>.)<\/p>\n<p>L&rsquo;\u00e9diteur classique comprend une barre d&rsquo;outils au-dessus du volet d&rsquo;\u00e9dition principal o\u00f9 vous pouvez modifier les styles de votre texte. Si vous cliquez sur l&rsquo;ic\u00f4ne Basculer de la barre d&rsquo;outils \u00e0 sa droite, vous pouvez acc\u00e9der \u00e0 d&rsquo;autres options, y compris le texte barr\u00e9.<\/p>\n<figure id=\"attachment_56501\" aria-describedby=\"caption-attachment-56501\" style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-56501 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/barre-outils-style-editeur-classique-1.jpg\" alt=\"Barre d'outils de style d\u2019\u00e9diteur classique\" width=\"1500\" height=\"727\"><figcaption id=\"caption-attachment-56501\" class=\"wp-caption-text\">Barre d&rsquo;outils de style d\u2019\u00e9diteur classique<\/figcaption><\/figure>\n<h4>Changer les Styles de Police dans la Personnalisation<\/h4>\n<p>Si vous souhaitez modifier le style de police d&rsquo;un \u00e9l\u00e9ment sp\u00e9cifique, vous pouvez le faire en ajoutant un CSS manuel dans l\u2019outil de personnalisation.<\/p>\n<p>Ouvrez la personnalisation et cliquez sur <strong>CSS suppl\u00e9mentaire<\/strong>. Cela ouvrira un \u00e9cran dans lequel vous pourrez saisir le CSS.<\/p>\n<figure id=\"attachment_56502\" aria-describedby=\"caption-attachment-56502\" style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-56502 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/css-supplementaire-outil-personnalisation-1.jpg\" alt=\"CSS suppl\u00e9mentaire dans l\u2019outil de personnalisation\" width=\"1500\" height=\"879\"><figcaption id=\"caption-attachment-56502\" class=\"wp-caption-text\">CSS suppl\u00e9mentaire dans l\u2019outil de personnalisation<\/figcaption><\/figure>\n<p>Vous pouvez maintenant saisir le CSS pour vos polices dans la bo\u00eete de dialogue. Donc si vous vouliez changer tous les \u00e9l\u00e9ments h1 et h2 en italiques, vous ajouteriez ce CSS :<\/p>\n<pre><code class=\"language-css\">h1, h2 {\n font-style: italics;\n}<\/code><\/pre>\n<h4>Changer les Styles de Police dans Votre Feuille de Style<\/h4>\n<p>Si vous \u00eates \u00e0 l&rsquo;aise d&rsquo;ajouter du code \u00e0 votre feuille de style, c&rsquo;est une meilleure fa\u00e7on de le faire.<\/p>\n<p>Si vous utilisez un th\u00e8me tiers, <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/\">cr\u00e9er un th\u00e8me enfant<\/a> pour votre propre style, sinon tous les changements que vous ferez seront perdus lorsque vous mettrez \u00e0 jour le th\u00e8me. Vous devrez cr\u00e9er une feuille de style dans le th\u00e8me enfant pour indiquer \u00e0 WordPress qu&rsquo;il s&rsquo;agit d&rsquo;un th\u00e8me enfant : c&rsquo;est l\u00e0 que vous mettez votre nouveau style de police.<\/p>\n<p>Si vous utilisez votre propre th\u00e8me, vous pouvez modifier le CSS dans votre propre feuille de style. Le fichier est <strong>style.css <\/strong>et vous le trouverez dans votre dossier th\u00e8me dans <strong>wp-content\/themes<\/strong>.<\/p>\n<p>Ajoutez n&rsquo;importe quel style de police \u00e0 la fin de votre feuille de style pour qu&rsquo;il ne soit pas annul\u00e9 par quelque chose de d\u00e9j\u00e0 pr\u00e9sent. Ou mieux encore, supprimez et remplacez tout style de police existant, \u00e0 moins que vous ne souhaitiez le conserver.<\/p>\n<p>Modifier le poids d&rsquo;un \u00e9l\u00e9ment avec un poids de police :<\/p>\n<pre><code class=\"language-css\">span.featured {\n font-weight = bold;\n}<\/code><\/pre>\n<p>Modifier le style d&rsquo;un \u00e9l\u00e9ment \u00e0 l&rsquo;aide du style de police :<\/p>\n<pre><code class=\"language-css\">span.featured {\n font-style = italic;\n}<\/code><\/pre>\n<p>Modifiez l&rsquo;alignement avec text-alignment :<\/p>\n<pre><code class=\"language-css\">span.featured {\n text-alignment: center;\n}<\/code><\/pre>\n<h3>Comment Changer les Couleurs de Police dans WordPress<\/h3>\n<p>Un autre changement que vous pourriez vouloir faire est de changer la couleur de certains textes de votre site. Attention \u00e0 ne pas exag\u00e9rer : votre th\u00e8me a \u00e9t\u00e9 con\u00e7u avec des couleurs qui vont bien ensemble et si vous ajoutez trop de couleurs, il pourrait avoir l&rsquo;air criard et non professionnel.<\/p>\n<h4>Changer les Couleurs de Police dans Gutenberg<\/h4>\n<p>Les blocs de texte Gutenberg vous permettent de modifier la couleur du texte et l\u2019arri\u00e8re-plan. Pour ce faire, ouvrez le bloc que vous voulez modifier et cliquez sur l&rsquo;onglet <strong>R\u00e9glages de couleur <\/strong>dans la section<strong> Bloc <\/strong>\u00e0 droite de l&rsquo;\u00e9cran.<\/p>\n<figure id=\"attachment_56124\" aria-describedby=\"caption-attachment-56124\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-56124 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/onglet-reglages-couleur.jpg\" alt=\"L'onglet R\u00e9glages de couleur\" width=\"1500\" height=\"667\"><figcaption id=\"caption-attachment-56124\" class=\"wp-caption-text\">L&rsquo;onglet R\u00e9glages de couleur<\/figcaption><\/figure>\n<p>De l\u00e0, vous pouvez modifier la couleur d&rsquo;arri\u00e8re-plan et la couleur du texte pour les blocs de texte.<\/p>\n<figure id=\"attachment_56641\" aria-describedby=\"caption-attachment-56641\" style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-56641 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/couleurs-personnalisees-bloc-1.jpg\" alt=\"Couleurs personnalis\u00e9es dans un bloc\" width=\"1500\" height=\"756\"><figcaption id=\"caption-attachment-56641\" class=\"wp-caption-text\">Couleurs personnalis\u00e9es dans un bloc<\/figcaption><\/figure>\n<p>Notez que WordPress vous avertira si la combinaison des couleurs que vous utilisez est mauvaise pour l&rsquo;accessibilit\u00e9, comme dans l&rsquo;exemple que j&rsquo;ai utilis\u00e9 ci-dessus. \u00c9vitez la tentation d&rsquo;exag\u00e9rer avec vos couleurs. Apr\u00e8s tout, vous avez choisi votre th\u00e8me parce que sa conception de couleur \u00e9tait appropri\u00e9e pour votre site, et l&rsquo;ajout de beaucoup plus de couleurs pourrait le rendre criard.<\/p>\n<p>Si vous cliquez sur l&rsquo;onglet <strong>Avanc\u00e9 <\/strong>sous l&rsquo;onglet<strong> R\u00e9glages de couleur<\/strong>, vous pouvez \u00e9galement ajouter une classe \u00e0 ce bloc, que vous pouvez ensuite styliser dans l\u2019outil de personnalisation ou votre feuille de style. Ainsi, par exemple, si vous avez ajout\u00e9 une classe <code>.featured<\/code> \u00e0 votre bloc, vous pouvez alors la styliser en utilisant cette classe.<\/p>\n<h4>Modification des Couleurs de Police dans L&rsquo;\u00e9diteur Classique<\/h4>\n<p>La barre d&rsquo;outils de l&rsquo;\u00e9diteur classique vous permet de changer la couleur du texte que vous s\u00e9lectionnez. Ainsi, vous pouvez s\u00e9lectionner un mot individuel et changer sa couleur. Ci-dessous, j&rsquo;ai fait une phrase en rouge.<\/p>\n<figure id=\"attachment_56642\" aria-describedby=\"caption-attachment-56642\" style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-56642 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/changer-couleurs-editeur-classique-1.jpg\" alt=\"Changer les couleurs dans l'\u00e9diteur classique\" width=\"1500\" height=\"716\"><figcaption id=\"caption-attachment-56642\" class=\"wp-caption-text\">Changer les couleurs dans l&rsquo;\u00e9diteur classique<\/figcaption><\/figure>\n<p>Bien que cela vous donne, en th\u00e9orie, beaucoup de flexibilit\u00e9, prenez garde d&rsquo;en abuser. Si vous commencez \u00e0 ajouter beaucoup plus de couleurs \u00e0 votre texte, il pourrait en r\u00e9sulter un site qui est difficile \u00e0 lire et mauvais pour l&rsquo;accessibilit\u00e9.<\/p>\n<h4>Modification des Couleurs de Police dans la Personnalisation<\/h4>\n<p>Si votre th\u00e8me inclut des options pour changer le <a href=\"https:\/\/kinsta.com\/fr\/blog\/palettes-couleurs-site\/\">sch\u00e9ma de couleurs de votre site<\/a>, c&rsquo;est le meilleur endroit pour le faire.<\/p>\n<p>Par exemple, dans le site ci-dessous, j&rsquo;utilise un th\u00e8me qui me permet de choisir un nouveau sch\u00e9ma de couleurs pour l&rsquo;ensemble du th\u00e8me. Cela permet de s&rsquo;assurer que les nouvelles couleurs fonctionnent bien ensemble et qu&rsquo;elles sont coh\u00e9rentes.<\/p>\n<figure id=\"attachment_56643\" aria-describedby=\"caption-attachment-56643\" style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-56643 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/modification-schema-couleurs-personnalisation-1-1.jpg\" alt=\"Modification du sch\u00e9ma de couleurs dans la personnalisation\" width=\"1500\" height=\"815\"><figcaption id=\"caption-attachment-56643\" class=\"wp-caption-text\">Modification du sch\u00e9ma de couleurs dans la personnalisation<\/figcaption><\/figure>\n<p>Les options varient en fonction de votre th\u00e8me &#8211; certains th\u00e8mes vous permettent de cibler des titres, des liens et d&rsquo;autres \u00e9l\u00e9ments et de changer leur couleur.<\/p>\n<p>Si vous voulez cibler des \u00e9l\u00e9ments sp\u00e9cifiques pour changer leur couleur mais que ce n&rsquo;est pas une option avec votre th\u00e8me, vous pouvez ajouter du CSS dans l\u2019outil de personnalisation pour le faire.<\/p>\n<p>S\u00e9lectionnez <strong>Personnaliser &gt; CSS suppl\u00e9mentaire<\/strong> et saisissez votre CSS dans la zone de texte.<\/p>\n<p>Par exemple, si vous voulez changer la couleur de vos titres <code>h1<\/code>, saisissez ceci :<\/p>\n<pre><code class=\"language-css\">h1 {\n color: #564534;\n}<\/code><\/pre>\n<p>Si cela ne fonctionne pas, vous devrez peut-\u00eatre ajouter des CSS plus sp\u00e9cifiques. Dans mon th\u00e8me, la couleur du lien de titre du site est cod\u00e9e \u00e0 l&rsquo;aide de l\u2019ID <code>#site-title<\/code>, j&rsquo;ai donc besoin d&rsquo;ajouter ce CSS :<\/p>\n<pre><code class=\"language-css\">#site-title a {\n color: #564534;\n}<\/code><\/pre>\n<figure id=\"attachment_56128\" aria-describedby=\"caption-attachment-56128\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-56128 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/css-supplementaire-couleur.jpg\" alt=\"CSS suppl\u00e9mentaire - Couleur\" width=\"1500\" height=\"818\"><figcaption id=\"caption-attachment-56128\" class=\"wp-caption-text\">CSS suppl\u00e9mentaire &#8211; Couleur<\/figcaption><\/figure>\n<p>Remplacez la couleur que j&rsquo;ai utilis\u00e9e ci-dessus par votre propre couleur.<\/p>\n<p>Lorsque vous \u00eates satisfait de vos changements, cliquez sur le bouton<strong> Publier.<\/strong><\/p>\n<h4>Changer les Couleurs de Police dans Votre Feuille de Style<\/h4>\n<p>Comme pour les styles de police, vous pouvez \u00e9galement modifier la feuille de style de votre th\u00e8me (ou cr\u00e9er un th\u00e8me enfant) pour changer les <a href=\"https:\/\/kinsta.com\/fr\/blog\/couleur-police-html\/\">couleurs de police<\/a>.<\/p>\n<p>Changez la couleur avec la couleur. Ci-dessous, je change la couleur principale du texte de mon site, en utilisant l&rsquo;\u00e9l\u00e9ment <code>body<\/code> :<\/p>\n<pre><code class=\"language-css\">body {\n color = #222222;\n}<\/code><\/pre>\n<p>Assurez-vous de remplacer tout style existant pour les m\u00eames \u00e9l\u00e9ments et que vous stylisez \u00e9galement tous les \u00e9l\u00e9ments qui h\u00e9ritent de ce style si vous voulez qu&rsquo;ils aient une couleur diff\u00e9rente. Tout texte h\u00e9ritera de la couleur de l&rsquo;\u00e9l\u00e9ment de<strong> corps <\/strong>\u00e0 moins qu&rsquo;il n&rsquo;ait son propre style.<\/p>\n<h3>Modification des Tailles de Police dans WordPress<\/h3>\n<p>Pour des raisons d&rsquo;accessibilit\u00e9, vous pouvez d\u00e9cider que vous voulez que vos polices soient plus grandes que celles de votre th\u00e8me par d\u00e9faut. Vous pouvez aussi d\u00e9cider que les titres de vos widgets sont trop petits, par exemple.<\/p>\n<h4>Changer la Taille de Police dans Gutenberg<\/h4>\n<p>Avec l&rsquo;\u00e9diteur Gutenberg, vous pouvez modifier la taille du texte dans chaque bloc.<\/p>\n<p>S\u00e9lectionnez le bloc, puis cliquez sur l&rsquo;onglet R\u00e9glages de texte dans le menu Blocs \u00e0 droite de l&rsquo;\u00e9cran. Vous pouvez rendre le texte du bloc plus petit ou plus grand, comme indiqu\u00e9 ci-dessous.<\/p>\n<figure id=\"attachment_56129\" aria-describedby=\"caption-attachment-56129\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-56129 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/modification-taille-police-gutenberg.jpg\" alt=\"Modification de la taille de police dans Gutenberg\" width=\"1500\" height=\"672\"><figcaption id=\"caption-attachment-56129\" class=\"wp-caption-text\">Modification de la taille de police dans Gutenberg<\/figcaption><\/figure>\n<p>Attention, si tous les paragraphes de votre page sont de tailles diff\u00e9rentes, ils auront l&rsquo;air incoh\u00e9rents et difficiles \u00e0 lire.<\/p>\n<h4>Changer la Taille de Police dans L&rsquo;\u00e9diteur Classique<\/h4>\n<p>L&rsquo;\u00e9diteur classique ne vous donne pas la possibilit\u00e9 de s\u00e9lectionner un texte sp\u00e9cifique et de changer sa taille : donc si vous avez besoin de cette fonctionnalit\u00e9, vous devrez passer \u00e0 Gutenberg. D\u00e9sol\u00e9 !<\/p>\n<h4>Changer la Taille de Police dans L\u2019outil de Personnalisation<\/h4>\n<p>En fonction de votre th\u00e8me, vous avez la possibilit\u00e9 de modifier la taille des polices dans la personnalisation, soit en modifiant la taille des polices pour l&rsquo;ensemble du site, soit en ciblant les en-t\u00eates et le corps du texte.<\/p>\n<p>Si votre th\u00e8me n&rsquo;inclut pas d&rsquo;option de personnalisation pour changer la taille des polices, vous pouvez utiliser l&rsquo;option <strong>CSS suppl\u00e9mentaire. <\/strong>Allez dans <strong>Personnaliser &gt; CSS suppl\u00e9mentaire <\/strong>et saisissez le CSS dans la case.<\/p>\n<p>Ci-dessous, je fais les titres dans les zones de widgets plus grands, avec ce CSS :<\/p>\n<pre><code class=\"language-css\">h2.widget-title {\n\u00a0font-size: 3em;\n}<\/code><\/pre>\n<figure id=\"attachment_56130\" aria-describedby=\"caption-attachment-56130\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-56130 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/stylisation-taille-police-css-supplementaire.jpg\" alt=\"Stylisation de la taille de police avec du CSS suppl\u00e9mentaire\" width=\"1500\" height=\"816\"><figcaption id=\"caption-attachment-56130\" class=\"wp-caption-text\">Stylisation de la taille de police avec du CSS suppl\u00e9mentaire<\/figcaption><\/figure>\n<p>C&rsquo;est peut-\u00eatre un peu trop gros, mais \u00e7a vous donne une id\u00e9e g\u00e9n\u00e9rale.<\/p>\n<h4>Changer la Taille de Police dans Votre Feuille de Style<\/h4>\n<p>Modifier la taille des polices de votre feuille de style fonctionne de la m\u00eame mani\u00e8re que modifier n&rsquo;importe quel autre style pour vos polices.<\/p>\n<p>Si vous voulez changer la taille de tout le texte de votre site, vous devez utiliser l&rsquo;\u00e9l\u00e9ment <code>body<\/code> :<\/p>\n<pre><code class=\"language-css\">body {\n font-size: 14px;\n}<\/code><\/pre>\n<p>Pour l&rsquo;\u00e9l\u00e9ment <code>body<\/code>, vous utilisez des pixels, mais pour les autres \u00e9l\u00e9ments, vous utilisez <code>em<\/code> donc la taille est relative \u00e0 la taille de l&rsquo;\u00e9l\u00e9ment <code>body<\/code>.<\/p>\n<pre><code class=\"language-css\">h1,\n#site-title {\n font-size: 2em;\n}<\/code><\/pre>\n<p>Rappelez-vous que si vous voulez apporter des modifications aux polices de votre feuille de style de th\u00e8me, testez-la d\u2019abord sur un site de d\u00e9veloppement <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/environnement-staging\/\">afin<\/a> que vous ne couriez pas le risque de ruiner votre site en production.<\/p>\n<h2 id=\"optimize\">Comment Optimiser les Polices dans WordPress<\/h2>\n<p>Que vous utilisiez des polices Web ou des polices h\u00e9berg\u00e9es localement, il est logique de faire tout votre possible pour optimiser vos polices.<\/p>\n<p>Je vais vous donner ici quelques conseils pour optimiser vos polices, \u00e0 la fois pour la vitesse et pour le design.<\/p>\n<h3>Optimisation des Polices pour la Performance<\/h3>\n<p>Si vous utilisez des polices Web sur votre site, vous voudrez faire tout ce qui est en votre pouvoir pour vous assurer qu&rsquo;elles sont affich\u00e9es sur vos pages le plus rapidement possible et que leur h\u00e9bergement externe ne ralentit pas les choses.<\/p>\n<ul>\n<li>Utilisez la mise en cache pour vous assurer que les pages n&rsquo;ont pas besoin d&rsquo;\u00eatre reconstruites chaque fois qu&rsquo;elles sont charg\u00e9es. Les offres d&rsquo;h\u00e9bergement Kinsta sont livr\u00e9s avec une <a href=\"https:\/\/kinsta.com\/fr\/blog\/cache-wordpress\/\">mise en cache int\u00e9gr\u00e9e<\/a>.<\/li>\n<li>Utilisez un fournisseur de polices Web qui fournit des polices \u00e0 l&rsquo;aide d&rsquo;un <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/cdn-wordpress\/kinsta-cdn\/#kinstas-cdn\">r\u00e9seau de diffusion de contenu<\/a> ou CDN. Google Fonts fait cela et acc\u00e9l\u00e8re la livraison des polices.<\/li>\n<li>N&rsquo;utilisez que les polices dont vous avez besoin. Ne mettez pas en file d&rsquo;attente les variations de polices (poids, styles) que vous n&rsquo;utiliserez pas dans votre feuille de style. Si vous trouvez que vous en avez besoin plus tard, vous pouvez toujours les ajouter \u00e0 ce moment-l\u00e0.<\/li>\n<li>Si vous utilisez des polices Web, assurez-vous de les mettre en file d&rsquo;attente correctement. N&rsquo;utilisez pas de ligne @import dans votre feuille de style, m\u00eame si c&rsquo;est ce que votre fournisseur de polices Web vous dit de faire.<\/li>\n<li>Lors de l&rsquo;ajout manuel de CSS, ajoutez-le \u00e0 la feuille de style de votre th\u00e8me et non \u00e0 la section &lt;head&gt; de votre fichier header.php. C&rsquo;est une des raisons pour lesquelles il est pr\u00e9f\u00e9rable de coder le CSS manuellement dans votre th\u00e8me plut\u00f4t que d&rsquo;utiliser la personnalisation ou un bloc, car les deux vont ajouter du CSS en ligne \u00e0 la page au lieu de l&rsquo;ajouter \u00e0 la feuille de style.<\/li>\n<li>Envisagez d&rsquo;utiliser le CSS en ligne (inlining) pour r\u00e9duire de quelques millisecondes le temps de chargement des pages. Il s&rsquo;agit d&rsquo;un processus qui utilise l&rsquo;encodage base64 pour ajouter du CSS de votre feuille de style dans la page avant de la charger, ce qui \u00e9vite au navigateur d&rsquo;avoir \u00e0 charger des fichiers suppl\u00e9mentaires. Cela peut sembler contre-intuitif \u00e9tant donn\u00e9 les conseils ci-dessus sur la fa\u00e7on de ne pas \u00e9crire de CSS en ligne, mais cela fonctionne toujours \u00e0 partir d&rsquo;un fichier CSS s\u00e9par\u00e9 et ne signifie pas coder manuellement en CSS en ligne. Si vous chargez plusieurs polices, l\u2019<a href=\"https:\/\/www.bramstein.com\/writing\/web-font-anti-patterns-inlining.html\">inlining peut acc\u00e9l\u00e9rer un peu votre site<\/a>.<\/li>\n<li>Utilisez la <a href=\"https:\/\/kinsta.com\/fr\/blog\/combine-external-css\/#combine-external-css-in-wordpress\">minification<\/a> pour r\u00e9duire la taille de votre feuille de style. Vous pouvez facilement le faire si vous \u00eates un <a href=\"https:\/\/kinsta.com\/fr\/tarifs\/?plan=visits-business1\">client Kinsta<\/a> en profitant de la <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/cdn-wordpress\/kinsta-cdn\/#code-minification-1\">fonction de minification du code<\/a> situ\u00e9e directement dans le <a href=\"https:\/\/kinsta.com\/fr\/mykinsta\/\">tableau de bord MyKinsta<\/a>. Cela permet aux clients d&rsquo;activer la minification automatique de CSS et JavaScript d&rsquo;un simple clic, acc\u00e9l\u00e9rant ainsi leurs sites sans aucun effort manuel.<\/li>\n<li>Si vous h\u00e9bergez des polices localement, t\u00e9l\u00e9versez uniquement les fichiers pour les polices et les poids et styles de polices dont vous avez besoin. Ajoutez seulement les variations dont vous avez besoin en utilisant la d\u00e9claration @font-face.<\/li>\n<li>Envisagez d&rsquo;utiliser un CDN pour h\u00e9berger vos propres polices au lieu de les h\u00e9berger sur votre propre serveur.<\/li>\n<li>Lorsque vous h\u00e9bergez vos propres polices, incluez des formats suppl\u00e9mentaires : woff2, woff, ttf, et eot. Les navigateurs peuvent alors s\u00e9lectionner la version qui se chargera le plus rapidement.<\/li>\n<li>Si vous utilisez une police diff\u00e9rente pour le titre de votre site, mettez en file d&rsquo;attente uniquement les caract\u00e8res dont vous avez besoin au lieu de la biblioth\u00e8que de polices compl\u00e8te.<\/li>\n<\/ul>\n<p>Donc, si le titre de votre site est Kinsta, vous pourriez faire une petite am\u00e9lioration de performance en suivant la feuille de style comme ceci :<\/p>\n<pre><code class=\"language-php\">function kinsta_add_title_font() {\n wp_register_style( 'googleFonts', \u2018https:\/\/fonts.googleapis.com\/css?family=Raleway&text=\u201ckinsta');\n wp_enqueue_style( 'googleFonts');\n}\nadd_action( 'wp_enqueue_scripts', 'kinsta_add_title_font' );<\/code><\/pre>\n<h3>Optimisation des Polices pour le Design<\/h3>\n<p>En plus d&rsquo;optimiser les performances de vos polices, il est \u00e9galement important de s&rsquo;assurer qu&rsquo;elles sont visuellement optimis\u00e9es : qu&rsquo;elles s&rsquo;int\u00e8grent bien dans le design de votre site et dans vos mat\u00e9riaux hors ligne.<\/p>\n<p>C&rsquo;est particuli\u00e8rement le cas si vous utilisez une extension ou un th\u00e8me enfant pour ajouter des polices suppl\u00e9mentaires en plus de celles d\u00e9j\u00e0 fournies avec votre th\u00e8me. Il y a un risque que votre th\u00e8me ait l&rsquo;air d\u00e9sordonn\u00e9 s&rsquo;il y a trop de polices dans trop de couleurs et de styles.<\/p>\n<p>Avant d&rsquo;ajouter des polices suppl\u00e9mentaires \u00e0 votre site, pensez \u00e0 ce qui suit :<\/p>\n<ul>\n<li>Les nouvelles polices sont-elles coh\u00e9rentes avec vos polices existantes ? Ont-elles un style ou une ambiance similaire ?<\/li>\n<li>Si vous avez besoin de faire correspondre une police qui a \u00e9t\u00e9 utilis\u00e9e pour des documents imprim\u00e9s mais ne pouvez pas utiliser la m\u00eame police qu&rsquo;une police Web, essayez de trouver une correspondance aussi proche que possible sur Google Fonts.<\/li>\n<li>Les polices que vous avez choisies sont-elles compatibles avec votre marque ? Si vous dirigez une entreprise s\u00e9rieuse, vous ne voulez pas utiliser Comic Sans (en fait, quel que soit le type de site Web que vous dirigez, vous ne voulez pas utiliser Comic Sans).<\/li>\n<li>Si vous changez les couleurs de vos polices, essayez d&rsquo;utiliser des couleurs qui sont d\u00e9j\u00e0 dans le design de votre th\u00e8me ou qui sont coordonn\u00e9es avec elles. Ajouter trop de couleurs donnera \u00e0 votre site un aspect criard et non professionnel.<\/li>\n<li>Si vous essayez de choisir une <a href=\"https:\/\/fontpair.co\/\">paire de polices<\/a> sur Google Fonts, essayez d&rsquo;utiliser un service comme pour en trouver deux qui fonctionnent bien ensemble.<\/li>\n<\/ul>\n<p>Les polices que vous utilisez dans votre design auront un impact sur l&rsquo;impression que les visiteurs auront quand ils arriveront sur votre site. Assurez-vous d&rsquo;avoir pris en compte ces \u00e9l\u00e9ments et d&rsquo;avoir choisi des polices qui renforceront votre marque.<\/p>\n<h3><strong> Utilisation des Polices de Caract\u00e8res Variables <\/strong><\/h3>\n<p><a href=\"https:\/\/developers.google.com\/web\/fundamentals\/design-and-ux\/typography\/variable-fonts\/\">Les polices variables<\/a> sont un nouveau type de polices qui rendent l&rsquo;ajout de plus de polices \u00e0 votre site plus efficace.<\/p>\n<p>Ils permettent de stocker plus d&rsquo;informations dans un seul fichier de polices, de sorte que si vous voulez des variations sur votre police (gras, italique, etc.), vous n&rsquo;avez pas besoin de charger plusieurs fichiers de polices, mais vous pouvez simplement charger celui-l\u00e0.<\/p>\n<p>Pour une police avec plusieurs poids, styles et inclinaisons, cela peut permettre d&rsquo;\u00e9conomiser beaucoup d&rsquo;espace de fichier et faciliter le processus de recherche de la police ou de son ajout via @fontface.<\/p>\n<p>Les polices variables sont prises en charge dans les derni\u00e8res versions de Chrome, Edge, Firefox et Safari, mais pas par les anciens navigateurs ; si vous les utilisez, vous aurez donc besoin d&rsquo;une solution de secours. Et il n&rsquo;y a pas encore beaucoup de polices variables disponibles. Google Fonts n&rsquo;en inclut pas, mais Google prend en charge la sp\u00e9cification, il est donc probable qu&rsquo;elles seront ajout\u00e9es au fil du temps.<\/p>\n<p>Les d\u00e9veloppeurs de polices travaillent sur <a href=\"https:\/\/www.monotype.com\/resources\/articles\/variable-fonts-making-the-promise-a-reality\/\">cr\u00e9er plus de polices variables et am\u00e9liorer leur fiabilit\u00e9<\/a>, il vaut donc la peine de suivre l&rsquo;\u00e9volution afin que vous puissiez utiliser des polices variables pour optimiser vos polices une fois qu&rsquo;elles seront plus stables.<\/p>\n\n<h2><strong> R\u00e9sum\u00e9 <\/strong><\/h2>\n<p>Changer les polices de caract\u00e8res sur votre site WordPress n&rsquo;est pas une t\u00e2che facile. Vous avez le choix entre diff\u00e9rentes possibilit\u00e9s :<\/p>\n<ol>\n<li>Utiliser les polices web en installant une extension.<\/li>\n<li>Utiliser des polices web en les codant dans votre th\u00e8me et en les mettant en file d\u2019attente.<\/li>\n<li>H\u00e9berger vos polices.<\/li>\n<\/ol>\n<p>Ensuite, vous devriez vous concentrer sur la fa\u00e7on d&rsquo;optimiser vos polices pour de meilleures performances. Si vous suivez les conseils de ce guide, vous devriez pouvoir non seulement changer les polices dans WordPress, mais aussi avoir plus de contr\u00f4le sur elles dans votre th\u00e8me.<\/p>\n<p>Vous voulez d\u00e9sencombrer la mise en page de votre page ou de votre blog pour que vos lecteurs se concentrent sur votre contenu ? Alors, lisez ceci : <a href=\"https:\/\/kinsta.com\/fr\/blog\/supprimer-barre-laterale-sidebar-wordpress\/\">Comment supprimer la colonne lat\u00e9rale dans WordPress (4 m\u00e9thodes)<\/a>.<\/p>\n<p>\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les polices peuvent faire la diff\u00e9rence entre un site web ennuyeux et un beau site web. En apprenant \u00e0 changer la police de caract\u00e8res dans WordPress, &#8230;<\/p>\n","protected":false},"author":105,"featured_media":33470,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[282,283,152],"topic":[1041,1030],"class_list":["post-33448","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-fonts","tag-polices","tag-site-web","topic-conception-site-web-wordpress","topic-polices-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Comment Modifier les Polices dans WordPress (Changer la Taille, la Couleur, les Optimiser)<\/title>\n<meta name=\"description\" content=\"Apprenez tout ce dont vous avez besoin sur la fa\u00e7on de changer les polices dans WordPress, la taille et les couleurs des polices, et apprenez \u00e0 les optimiser pour des pages plus rapides.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment Modifier les Polices dans WordPress (Changer la Taille, la Couleur, les Optimiser)\" \/>\n<meta property=\"og:description\" content=\"Apprenez tout ce dont vous avez besoin sur la fa\u00e7on de changer les polices dans WordPress, la taille et les couleurs des polices, et apprenez \u00e0 les optimiser pour des pages plus rapides.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-05T12:39:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-01T15:40:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/comment-changer-polices-wordpress.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Rachel McCollin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Apprenez tout ce dont vous avez besoin sur la fa\u00e7on de changer les polices dans WordPress, la taille et les couleurs des polices, et apprenez \u00e0 les optimiser pour des pages plus rapides.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/comment-changer-polices-wordpress.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rachel McCollin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"33 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/\"},\"author\":{\"name\":\"Rachel McCollin\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/52eb266d622b565d3206e355caac172e\"},\"headline\":\"Comment Modifier les Polices dans WordPress (Changer la Taille, la Couleur, les Optimiser)\",\"datePublished\":\"2019-11-05T12:39:31+00:00\",\"dateModified\":\"2025-09-01T15:40:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/\"},\"wordCount\":7236,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/comment-changer-polices-wordpress.jpg\",\"keywords\":[\"fonts\",\"polices\",\"site web\"],\"articleSection\":[\"Meilleurs Tutoriels WordPress\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/\",\"name\":\"Comment Modifier les Polices dans WordPress (Changer la Taille, la Couleur, les Optimiser)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/comment-changer-polices-wordpress.jpg\",\"datePublished\":\"2019-11-05T12:39:31+00:00\",\"dateModified\":\"2025-09-01T15:40:38+00:00\",\"description\":\"Apprenez tout ce dont vous avez besoin sur la fa\u00e7on de changer les polices dans WordPress, la taille et les couleurs des polices, et apprenez \u00e0 les optimiser pour des pages plus rapides.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/comment-changer-polices-wordpress.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/comment-changer-polices-wordpress.jpg\",\"width\":1460,\"height\":730,\"caption\":\"Comment Modifier les Polices dans WordPress (et Changer la Taille, la Couleur, Optimiser)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Polices WordPress\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/polices-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Comment Modifier les Polices dans WordPress (Changer la Taille, la Couleur, les Optimiser)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/52eb266d622b565d3206e355caac172e\",\"name\":\"Rachel McCollin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g\",\"caption\":\"Rachel McCollin\"},\"description\":\"Rachel McCollin has been helping people build websites with WordPress since 2010. She's a huge fan of self-hosted WordPress and wants to help as many people as possible create an awesome website with it.\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/rachelmccollin\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Comment Modifier les Polices dans WordPress (Changer la Taille, la Couleur, les Optimiser)","description":"Apprenez tout ce dont vous avez besoin sur la fa\u00e7on de changer les polices dans WordPress, la taille et les couleurs des polices, et apprenez \u00e0 les optimiser pour des pages plus rapides.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment Modifier les Polices dans WordPress (Changer la Taille, la Couleur, les Optimiser)","og_description":"Apprenez tout ce dont vous avez besoin sur la fa\u00e7on de changer les polices dans WordPress, la taille et les couleurs des polices, et apprenez \u00e0 les optimiser pour des pages plus rapides.","og_url":"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2019-11-05T12:39:31+00:00","article_modified_time":"2025-09-01T15:40:38+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/comment-changer-polices-wordpress.jpg","type":"image\/jpeg"}],"author":"Rachel McCollin","twitter_card":"summary_large_image","twitter_description":"Apprenez tout ce dont vous avez besoin sur la fa\u00e7on de changer les polices dans WordPress, la taille et les couleurs des polices, et apprenez \u00e0 les optimiser pour des pages plus rapides.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/comment-changer-polices-wordpress.jpg","twitter_creator":"@kinsta_fr","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Rachel McCollin","Dur\u00e9e de lecture estim\u00e9e":"33 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/"},"author":{"name":"Rachel McCollin","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/52eb266d622b565d3206e355caac172e"},"headline":"Comment Modifier les Polices dans WordPress (Changer la Taille, la Couleur, les Optimiser)","datePublished":"2019-11-05T12:39:31+00:00","dateModified":"2025-09-01T15:40:38+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/"},"wordCount":7236,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/comment-changer-polices-wordpress.jpg","keywords":["fonts","polices","site web"],"articleSection":["Meilleurs Tutoriels WordPress"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/","url":"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/","name":"Comment Modifier les Polices dans WordPress (Changer la Taille, la Couleur, les Optimiser)","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/comment-changer-polices-wordpress.jpg","datePublished":"2019-11-05T12:39:31+00:00","dateModified":"2025-09-01T15:40:38+00:00","description":"Apprenez tout ce dont vous avez besoin sur la fa\u00e7on de changer les polices dans WordPress, la taille et les couleurs des polices, et apprenez \u00e0 les optimiser pour des pages plus rapides.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/comment-changer-polices-wordpress.jpg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/comment-changer-polices-wordpress.jpg","width":1460,"height":730,"caption":"Comment Modifier les Polices dans WordPress (et Changer la Taille, la Couleur, Optimiser)"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Polices WordPress","item":"https:\/\/kinsta.com\/fr\/sujets\/polices-wordpress\/"},{"@type":"ListItem","position":3,"name":"Comment Modifier les Polices dans WordPress (Changer la Taille, la Couleur, les Optimiser)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/52eb266d622b565d3206e355caac172e","name":"Rachel McCollin","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g","caption":"Rachel McCollin"},"description":"Rachel McCollin has been helping people build websites with WordPress since 2010. She's a huge fan of self-hosted WordPress and wants to help as many people as possible create an awesome website with it.","url":"https:\/\/kinsta.com\/fr\/blog\/author\/rachelmccollin\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/33448","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/105"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=33448"}],"version-history":[{"count":16,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/33448\/revisions"}],"predecessor-version":[{"id":80700,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/33448\/revisions\/80700"}],"alternate":[{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/33448\/translations\/es"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/33448\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/33448\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/33448\/translations\/fr"},{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/33448\/translations\/en"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/33448\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/33448\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/33448\/translations\/jp"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/33448\/translations\/se"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/33448\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/33470"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=33448"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=33448"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=33448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}