Comment changer et ajouter une police personnalisée dans WordPress (Guide Complet 2024)

Les 3 méthodes pour ajouter une police personnalisée dans WordPress

Ajouter une police personnalisée sur WordPress peut se faire de trois manières distinctes. Le choix dépend de votre aisance technique, de votre thème et de la version de WordPress utilisée. Depuis la version 6.5, l’import natif simplifie grandement la tâche, mais les méthodes manuelles et les plugins restent pertinents selon les situations.

Méthode 1 : Importer une police via l’éditeur de site (WordPress 6.5+)

Cette méthode est la plus directe pour les thèmes récents utilisant l’éditeur de site complet. Elle ne nécessite aucune connaissance en code et s’effectue entièrement depuis le tableau de bord d’administration. L’import de polices est natif depuis la version 6.5 de WordPress.

• Navigation Accédez à Apparence → Éditeur, puis cliquez sur Styles dans le menu latéral.
• Onglet Typographie Ouvrez l’onglet Typographie, puis le sous-menu « Importer des polices ».
• Sélectionner fichier Choisissez un fichier WOFF2 depuis votre ordinateur, directement dans l’interface d’administration.
• Activer la police La police importée apparaît dans les réglages globaux et s’applique via les sélecteurs typographiques de l’éditeur.

Méthode 2 : Ajouter une police avec le CSS manuel (thème enfant)

Pour les thèmes classiques ou si vous préférez contrôler chaque ligne de code, la méthode manuelle reste une référence. Elle nécessite un accès FTP et une modification de la feuille de style. L’utilisation d’un thème enfant est vivement recommandée pour éviter de perdre vos changements lors des mises à jour du thème parent.

• Créer dossier Dans votre thème enfant, créez un dossier /fonts pour héberger vos fichiers de police.
• Télécharger police Utilisez un client FTP comme FileZilla pour transférer les fichiers de police vers le dossier créé sur le serveur.
• Déclarer @font-face Dans le fichier styles.css, déclarez la règle @font-face en indiquant le chemin vers le fichier et le nom de la famille.
• Appliquer la famille Utilisez la propriété CSS font-family dans les sélecteurs body pour le corps de texte, ou sur les titres h1, h2, etc.

Méthode 3 : Installer une police avec un plugin dédié

Les plugins offrent une approche hybride : aucune manipulation de code, mais plus de fonctionnalités que l’éditeur par défaut, dont l’installation se fait en trois méthodes simples. Ils sont particulièrement utiles si votre thème ne prend pas en charge l’import natif ou si vous gérez plusieurs sites. L’extension Easy Google Fonts est un exemple bien connu et facile à prendre en main.

• Installer plugin Depuis Extensions → Ajouter, recherchez « Easy Google Fonts », puis installez et activez l’extension.
• Rechercher et sélectionner Dans les réglages du plugin, parcourez la bibliothèque de polices Google Fonts et sélectionnez la police souhaitée.
• Assigner aux éléments Grâce au personnalisateur de thème, assignez la police aux titres, au corps de texte ou aux éléments spécifiques de votre choix.
• Aucune modification de code Tous les changements s’appliquent en temps réel via l’interface, sans toucher au fichier styles.css.

Chaque méthode présente des avantages précis. L’éditeur de site s’adresse aux thèmes récents, le CSS manuel offre un contrôle total aux développeurs et les plugins restent la solution la plus accessible pour les débutants ou les utilisateurs de thèmes classiques. Le choix dépend essentiellement de votre configuration et de votre niveau de confort technique, tout en gardant à l’esprit les bonnes pratiques de maillage interne WordPress pour structurer vos pages.

Héberger les polices localement sur votre serveur (RGPD et performance)

Faire appel à Google Fonts implique un échange de données avec un serveur tiers, ce qui pose question vis-à-vis du RGPD. En hébergeant vos fichiers de polices directement sur votre propre serveur, vous reprenez le contrôle total de vos données et garantissez leur conformité réglementaire, sans dépendre d’une infrastructure externe.

Pour ce faire, déposez vos fichiers dans le dossier wp-content uploads fonts via l’interface d’import natif de WordPress 6.5 ou par FTP. Cette solution améliore aussi la performance de votre site en réduisant le nombre de requêtes externes, ce qui accélère le temps de chargement des pages.

Avant de procéder à l’hébergement local, il est impératif de vérifier la licence de chaque police. Seules les polices autorisant la redistribution peuvent être stockées sur votre serveur, sous peine de violation des droits d’auteur.

Les formats de polices web : compatibilité et bon usage

Le WOFF2 s’impose comme le standard de l’industrie : il compresse les fichiers jusqu’à 30 % plus léger que le WOFF, ce qui accélère le chargement de vos pages. Sa prise en charge est universelle sur les navigateurs modernes, ce qui en fait le choix logique pour toute nouvelle police ajoutée à WordPress.

Le WOFF, prédécesseur du WOFF2, reste une valeur sûre pour les appareils plus anciens. Il introduit des métadonnées supplémentaires et une bande passante réduite par rapport aux formats bruts comme le TTF ou l’OTF. Si vous téléchargez une police sur Google Fonts, les deux formats WOFF sont systématiquement fournis c’est le duo idéal à importer dans votre site.

TTF et OTF : des formats bruts à manipuler avec précaution

Les formats TTF (TrueType) et OTF (OpenType) sont les fichiers natifs que vous trouvez sur des plateformes comme DaFont. S’ils fonctionnent dans tous les navigateurs, ils pèsent plus lourd et ne profitent pas des optimisations de compression du WOFF2. Pour un usage web, privilégiez toujours la conversion vers le WOFF2 de nombreux outils en ligne le font gratuitement en quelques secondes.

Le EOT, quant à lui, est un vestige d’Internet Explorer. Il servait à embarquer des polices OpenType dans les pages web, mais plus aucun navigateur moderne ne l’exige. L’ignorer totalement est la bonne pratique : inutile de l’intégrer dans votre fichier @font-face.

Pour garantir une compatibilité maximale, la règle d’or est simple : déclarez toujours WOFF2 en premier dans votre CSS, puis WOFF et TTF en secours. Les navigateurs choisissent automatiquement le premier format qu’ils supportent, ce qui assure un rendu optimal sur chaque appareil.

Personnaliser la police par défaut via le personnalisateur de thème

Cette approche repose sur l’éditeur de site WordPress, accessible directement depuis le tableau de bord sans toucher une ligne de code. Elle fonctionne sur les thèmes récents construits avec l’éditeur de blocs. Pour les thèmes classiques ou les versions de WordPress antérieures à la version 6.5, l’option d’import de police n’apparaît pas dans cette interface.

Le parcours est simple : rendez-vous dans Apparence → Éditeur, puis ouvrez l’onglet Styles → Typographie. Vous y trouverez les réglages globaux qui s’appliquent à l’ensemble du site. Pour un contrôle plus fin, sélectionnez un bloc précis (paragraphe, titre, bouton) et ajustez sa police directement depuis le panneau de réglages du bloc.

Changer la typographie des titres et du corps de texte

Dans l’onglet Typographie de l’éditeur, vous pouvez définir séparément la police des titres (H1 à H6) et celle du corps de texte. Cette distinction est essentielle pour créer une hiérarchie visuelle claire. Sélectionnez chaque élément dans la liste déroulante, puis choisissez la police dans la bibliothèque intégrée ou importez la vôtre si vous utilisez WordPress 6.5 ou une version ultérieure.

Le personnalisateur permet aussi d’affiner le style de graisse (normal, gras, semi-gras) et l’interlignage. Pour un site lisible, privilégiez une hauteur de ligne d’au moins 1,6 pour le texte courant et une graisse de 700 pour les titres. Ces réglages s’appliquent automatiquement à tout le site, ce qui garantit une cohérence typographique sans effort supplémentaire.

Adapter la taille et la couleur des polices

Sous le menu Typographie, vous trouverez les curseurs de taille de police (en pixels, rem ou em) pour chaque niveau de titre et pour le corps de texte. Utilisez une échelle fluide : par exemple, une base de 16 px pour le texte, 32 px pour les H2 et 48 px pour les H1. Pour la couleur, ouvrez le sélecteur dédié dans le même panneau. Vous pouvez définir une teinte pour les titres, une autre pour les paragraphes, et même une couleur différente pour les liens.

Si votre thème n’offre pas ces options dans l’éditeur, vérifiez s’il possède un personnalisateur natif (Apparence → Personnaliser). Certains thèmes y regroupent les réglages de typographie avec des options de taille, de couleur et de famille de police. Dans les deux cas, les modifications sont visibles en temps réel dans l’aperçu, ce qui vous permet de tester plusieurs combinaisons avant de valider.

Où télécharger et comment choisir vos polices pour WordPress

Pour dénicher des polices de qualité, Google Fonts reste la référence incontournable : son catalogue gratuit offre des centaines de polices optimisées pour le web, faciles à intégrer nativement via WordPress 6.5. Pour des styles plus originaux ou des polices cursives, DaFont propose une vaste collection de créations amateurs et libres de droits, parfaites pour des titres ou des ambiances particulières.

Avant de télécharger, vérifiez systématiquement la licence d’utilisation, surtout pour un usage commercial. Privilégiez des polices conçues avec plusieurs graisses (regular, bold, italic) pour garder une hiérarchie visuelle claire. Enfin, testez la lisibilité sur mobile : une police trop fine ou trop décorative pénalisera l’expérience de lecture de vos visiteurs.