Comment ajouter une police sur WordPress (guide complet 2025)

Introduction

Ajouter une police personnalisée à votre site WordPress est l’un des moyens les plus efficaces pour renforcer votre identité visuelle et rendre votre site plus professionnel. Une typographie bien choisie améliore la lisibilité, l’expérience utilisateur et la cohérence de votre image de marque. À l’inverse, une police mal intégrée ou trop lourde peut dégrader les performances et nuire au référencement.

Dans ce guide complet et à jour, vous allez découvrir pas à pas comment ajouter une police sur WordPress, aussi bien sur un site avec thème classique que sur un thème bloc (Full Site Editing). Nous passerons en revue les différentes méthodes (plugins, intégration manuelle, éditeur de site, constructeurs de pages), les bonnes pratiques de performance et de SEO, ainsi qu’une foire aux questions détaillée.

Concepts clés

Avant de modifier les polices de votre site, il est important de comprendre quelques notions fondamentales : types de polices, formats de fichiers, licences, différences entre WordPress.com et WordPress.org, et fonctionnement des thèmes modernes.

Les polices dans WordPress

WordPress, en lui-même, n’impose pas une liste fixe de polices. La typographie par défaut dépend principalement du thème que vous utilisez. Certains thèmes proposent :

un choix limité de polices système (Arial, Times New Roman, Georgia, etc.) ;
une intégration native de Google Fonts ou d’autres bibliothèques ;
une gestion avancée des polices via l’éditeur de site et un fichier theme.json (pour les thèmes blocs modernes) ;
aucune option graphique, ce qui impose une personnalisation via CSS ou plugins.

C’est la raison pour laquelle deux sites WordPress différents peuvent offrir des possibilités très différentes pour la gestion des polices, même si le cœur WordPress est identique.

Types de polices web et formats à connaître

Pour ajouter une police personnalisée en toute sécurité, il est important de comprendre les principaux formats de fichiers :

WOFF (Web Open Font Format) : format web standard, largement supporté par les navigateurs modernes, optimisé pour le web ;
WOFF2 : version plus récente et plus compressée de WOFF, qui offre de meilleures performances ;
TTF (TrueType Font) et OTF (OpenType Font) : formats de bureau souvent utilisés pour l’impression et les logiciels, mais moins optimisés pour le web ;
autres formats plus anciens (EOT, SVG) devenus très rares et généralement inutiles sur les navigateurs récents.

Dans la majorité des cas, il est recommandé de privilégier les formats WOFF et WOFF2 pour un chargement rapide et une compatibilité optimale.

Licences de polices et aspects légaux

Avant d’ajouter une police personnalisée, vérifiez toujours les conditions de licence. Certaines polices sont gratuites uniquement pour un usage personnel, d’autres autorisent l’usage web mais interdisent l’auto-hébergement, et certaines polices commerciales nécessitent une licence spécifique pour une intégration sur un site internet.

Points à vérifier dans la licence de votre police :

le droit de l’utiliser sur un site web ;
l’autorisation (ou non) de l’auto-héberger sur votre serveur ;
les limitations éventuelles (nombre de pages vues, projets, domaines, etc.).

WordPress.com vs WordPress.org

La méthode pour ajouter une police dépend aussi de votre environnement :

WordPress.com : selon l’offre, certaines fonctionnalités de typographie avancée (bibliothèques de polices, upload direct de polices, bloc de polices personnalisées) peuvent être intégrées nativement. Les possibilités dépendent du plan et du thème utilisé.
WordPress.org (auto‑hébergé) : vous avez un contrôle total via vos thèmes, plugins et fichiers. C’est vous (ou votre développeur) qui choisissez la méthode : plugin, code CSS, constructeurs de pages, thème enfant, etc.

Les principales méthodes d’intégration

Il existe aujourd’hui plusieurs méthodes fiables pour ajouter une police personnalisée sur WordPress :

l’utilisation de plugins spécialisés (Google Fonts, polices personnalisées, intégration Adobe Fonts, etc.) ;
l’intégration manuelle via CSS avec @font-face et des fichiers de police hébergés sur votre serveur ;
l’utilisation des thèmes blocs et du fichier theme.json pour définir la typographie globale du site ;
l’ajout de polices via des constructeurs de pages comme Elementor Pro, qui offrent une gestion propre de « Polices personnalisées » ;
l’exploitation de la bibliothèque de polices intégrée à WordPress pour certains sites (import de polices locales ou Google Fonts via l’interface).

Bonnes pratiques pour l’ajout de polices sur WordPress

Changer ou ajouter une police ne se limite pas à une décision esthétique. Cela impacte aussi la performance, l’accessibilité et le SEO. Voici les bonnes pratiques essentielles à respecter.

Optimiser la lisibilité avant tout

Une typographie réussie doit avant tout être lisible. Avant de vous lancer dans l’ajout de polices très originales, posez-vous les questions suivantes :

La police est-elle facilement lisible sur mobile, tablette et ordinateur ?
Les lettres sont-elles bien espacées, y compris dans les textes longs ?
La taille de base (généralement entre 16 et 18 px pour le corps de texte) reste-t-elle confortable ?

Pour une bonne expérience utilisateur, il est conseillé de limiter le nombre de polices différentes à deux, éventuellement trois (une pour les titres, une pour le texte courant, éventuellement une troisième pour les éléments décoratifs).

Assurer une bonne structure HTML et sémantique

L’ajout d’une police ne doit jamais casser la structure HTML de vos pages. Assurez-vous que :

vos titres (<h1> à <h6>) restent structurés logiquement ;
la police définie dans le thème ou via CSS ne masque pas ou ne remplace pas des éléments de structure par des images ;
le contraste entre le texte et l’arrière-plan reste suffisant pour l’accessibilité.

Les moteurs de recherche ne sont pas sensibles au nom de la police, mais ils évaluent fortement la lisibilité, la structure, et le taux de rebond des utilisateurs.

Performance : poids et chargement des polices

Chaque fichier de police ajouté est une ressource supplémentaire à charger. Pour préserver la vitesse de votre site :

limitez le nombre de familles de polices et de variantes (gras, italique, light, etc.) ;
préférez les formats WOFF et WOFF2 compactés ;
éliminez les variantes inutilisées (par exemple, ne conservez pas 10 graisses de police si vous n’en utilisez que 2) ;
éventuellement, utilisez le chargement asynchrone ou des stratégies de préchargement (<link rel="preload">) si vous maîtrisez ces aspects techniques.

Persistance des modifications : thème enfant et mises à jour

Si vous modifiez directement les fichiers du thème actif (par exemple style.css du thème parent), vos modifications risquent d’être écrasées à la prochaine mise à jour du thème. Pour éviter cela :

créez un thème enfant et placez vos modifications CSS et vos déclarations de police dans ce thème enfant ;
ou utilisez un plugin de styles personnalisés ou un champ « CSS additionnel » dans l’outil de personnalisation.

Respect des licences et origine des polices

Évitez de télécharger et d’utiliser des polices trouvées au hasard sur internet sans vérifier les droits. Utilisez de préférence :

des bibliothèques reconnues (Google Fonts, Adobe Fonts, fonderies typographiques ou marketplaces fiables) ;
des polices fournies avec une licence claire, adaptée à l’usage web.

Méthodes pour ajouter une police sur WordPress

Passons maintenant aux méthodes concrètes pour ajouter une police personnalisée sur votre site WordPress. Vous pouvez choisir la plus adaptée à votre niveau technique et à votre configuration (thème classique, thème bloc, constructeur de page, etc.).

1. Ajouter une police via un plugin spécialisé

Pour la majorité des utilisateurs, l’usage d’un plugin dédié est la solution la plus simple et la plus sûre, car elle évite de manipuler les fichiers du thème.

Plugins pour Google Fonts et polices personnalisées

Plusieurs extensions populaires permettent de gérer les polices sans écrire de code. Parmi les plus connues, on trouve :

des plugins pour intégrer et gérer Google Fonts directement depuis l’administration WordPress ;
des plugins de polices personnalisées qui permettent d’importer vos propres fichiers WOFF, WOFF2, TTF ou OTF ;
des plugins intégrés aux constructeurs de pages (par exemple, Elementor via son module de polices personnalisées).

Le principe reste souvent le même :

installer et activer le plugin ;
accéder à la page de configuration du plugin dans le tableau de bord ;
choisir une police depuis une bibliothèque (Google Fonts, Adobe Fonts, etc.) ou téléverser vos propres fichiers ;
attribuer ces polices à des éléments précis (titres, paragraphes, menus, boutons, etc.).

Avantages et limites des plugins

Avantages :

aucun besoin de toucher au code ;
mise à jour et gestion centralisée des polices ;
intégration souvent compatible avec l’éditeur de blocs et certains constructeurs de pages ;
adapté aux débutants comme aux utilisateurs intermédiaires.

Limites :

un plugin supplémentaire à maintenir ;
potentiel léger impact sur les performances si le plugin est mal optimisé ou surchargé en fonctionnalités ;
dépendance à une solution tierce (en cas d’abandon du plugin, il faut prévoir une alternative).

2. Ajouter une police manuellement via CSS et @font-face

Si vous préférez garder le contrôle complet, ou limiter le nombre de plugins installés, vous pouvez intégrer vos polices directement via CSS avec la règle @font-face.

Étape 1 : préparer et convertir vos fichiers de police

Pour une intégration manuelle optimale :

téléchargez la police depuis une source autorisée (fonderie, marketplace, etc.) ;
si nécessaire, convertissez vos fichiers TTF/OTF en WOFF et WOFF2 avec un générateur de polices web ;
vérifiez que le kit généré contient bien les fichiers adaptés au web.

Étape 2 : téléverser la police sur votre serveur

Ensuite, importez les fichiers de police sur votre hébergement :

connectez-vous à votre hébergeur via FTP ou via le gestionnaire de fichiers de votre hébergement ;
dans le dossier du thème (idéalement du thème enfant), créez un dossier fonts si nécessaire, par exemple : wp-content/themes/votre-theme-enfant/fonts/ ;
téléversez vos fichiers .woff et .woff2 (et éventuellement TTF/OTF) dans ce dossier.

Étape 3 : déclarer la police dans votre CSS

Une fois les fichiers en place, déclarez votre police dans un fichier CSS chargé par votre thème (par exemple style.css du thème enfant) :

@font-face { font-family: "NomDeVotrePolice"; src: url("fonts/nom-de-votre-police.woff2") format("woff2"), url("fonts/nom-de-votre-police.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap;
}

Adaptez le chemin en fonction de l’emplacement réel de vos fichiers. La propriété font-display: swap; permet d’améliorer la perception de performance en affichant une police de secours avant le chargement de la police personnalisée.

Étape 4 : appliquer la police aux éléments de votre site

Pour utiliser cette police sur votre site, ajoutez des règles CSS comme :

body { font-family: "NomDeVotrePolice", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
} h1, h2, h3 { font-family: "NomDeVotrePolice", Georgia, "Times New Roman", serif;
}

Adaptez ces sélecteurs à votre thème (par exemple pour les menus, les boutons, les titres de widgets, etc.).

3. Ajouter une police avec un thème bloc (Full Site Editing) et theme.json

Les thèmes blocs modernes (par exemple ceux fournis avec les versions récentes de WordPress) utilisent un fichier de configuration theme.json pour gérer globalement les styles, y compris la typographie.

Définir les familles de polices dans theme.json

Dans un thème bloc ou dans un thème enfant de thème bloc, vous pouvez déclarer vos polices dans la section settings.typography.fontFamilies de theme.json. L’idée générale est de définir :

un identifiant de police ;
un nom lisible ;
une pile de polices de secours.

Une fois les polices ajoutées dans theme.json, elles peuvent être sélectionnées directement dans l’éditeur de site, ce qui permet de les appliquer aux éléments globaux (titres, texte, boutons, menus, etc.) sans écrire de CSS supplémentaire.

Import direct de polices via l’éditeur du site

Sur certains sites utilisant les versions récentes de WordPress et des thèmes blocs compatibles, une bibliothèque de polices est disponible. Elle permet :

d’importer directement des fichiers WOFF, WOFF2, TTF ou OTF depuis l’interface ;
d’ajouter des polices Google depuis le tableau de bord, sans passer par un plugin externe ;
d’appliquer ces polices à l’ensemble du site depuis la section « Styles » de l’Éditeur du site.

Cette méthode est particulièrement pratique si vous travaillez exclusivement avec des thèmes blocs récents.

4. Ajouter une police avec un constructeur de page (ex. Elementor)

Si votre site utilise un constructeur de page avancé, vous disposez souvent d’outils intégrés de gestion des polices.

Exemple avec Elementor Pro

Avec Elementor Pro, vous pouvez :

accéder à la section « Polices personnalisées » dans l’interface d’Elementor ;
ajouter une nouvelle police en téléversant vos fichiers (par exemple WOFF/WOFF2) pour chaque style (normal, italique, gras, etc.) ;
attribuer cette police à des styles globaux (titres, texte, boutons) ou à des widgets spécifiques.

L’avantage de cette approche est de garder la gestion des polices au même endroit que votre mise en page, ce qui est très pratique si la majorité de votre site repose sur le constructeur de pages.

Outils et ressources utiles

Pour intégrer proprement une police sur WordPress, certains outils et services sont particulièrement utiles.

Google Fonts

Google Fonts est l’une des bibliothèques de polices gratuites les plus utilisées. Elle met à disposition un grand nombre de polices optimisées pour le web, avec une interface simple pour filtrer par style, langue ou usage.

Vous pouvez utiliser Google Fonts de plusieurs façons sur WordPress :

via un plugin dédié qui se charge d’ajouter les polices à votre thème ;
en copiant le code d’intégration fourni par Google dans l’en-tête de votre site, puis en déclarant la police dans votre CSS ;
via la bibliothèque de polices ou l’éditeur de site sur certains thèmes blocs récents.

Adobe Fonts (anciennement Typekit)

Adobe Fonts offre une vaste sélection de polices professionnelles accessibles via un abonnement. L’intégration se fait généralement en :

créant un projet de polices dans votre compte Adobe Fonts ;
récupérant le code d’intégration fourni ;
ajoutant ce code dans l’en-tête de votre site (via un plugin ou les réglages de votre thème) ;
appliquant la police via du CSS ou les options de typographie de votre thème.

Générateurs de polices web

Si vous partez d’une police au format TTF ou OTF, un générateur de polices web vous permet de produire automatiquement les fichiers WOFF et WOFF2 ainsi que le code CSS @font-face correspondant. Cela simplifie grandement l’intégration manuelle.

Outils de test de performance et d’affichage

Après l’ajout de vos polices, il est utile de vérifier :

le temps de chargement global de votre site ;
le comportement du texte pendant le chargement (flash de texte invisible ou de style différent) ;
l’affichage sur différents navigateurs et tailles d’écran.

Des outils d’analyse de performance, ainsi que les outils de développement intégrés aux navigateurs, vous permettent de contrôler le nombre de requêtes de police, leur taille et leur impact sur le rendu.

FAQ : questions fréquentes sur l’ajout de polices sur WordPress

Retrouvez ci-dessous les réponses aux questions les plus fréquentes concernant l’ajout d’une police sur WordPress, mises à jour pour les méthodes modernes (thèmes blocs, theme.json, plugins récents, etc.).

Est-ce gratuit d’ajouter une police personnalisée sur WordPress ?

Oui, il est tout à fait possible d’ajouter des polices personnalisées gratuitement sur WordPress. De nombreuses bibliothèques comme Google Fonts proposent des polices libres d’utilisation pour le web. En revanche, certaines polices professionnelles, en particulier celles provenant de fonderies ou de services premium, nécessitent l’achat d’une licence ou un abonnement. Le coût dépend donc de la police choisie et de ses conditions de licence, pas de WordPress lui-même.

Puis-je ajouter plusieurs polices sur mon site ?

Oui, vous pouvez utiliser plusieurs polices sur votre site, par exemple une police pour les titres, une autre pour le texte principal, et éventuellement une troisième pour des éléments décoratifs ou des appels à l’action. Cependant, pour garder une bonne cohérence visuelle et des performances correctes, il est généralement recommandé de se limiter à deux ou trois familles de polices et un nombre raisonnable de variantes (normal, gras, italique, etc.).

Ajouter une police affecte-t-il la performance du site ?

L’ajout de polices externes ou auto‑hébergées peut avoir un impact sur la performance, car chaque police constitue un ou plusieurs fichiers supplémentaires à charger. Cet impact dépend :

du nombre de polices et de variantes utilisées ;
du poids des fichiers de police ;
de la méthode de chargement (CDN, auto‑hébergement, préchargement, etc.).

En optimisant vos polices (formats WOFF/WOFF2, nombre de variantes limité, font-display adapté), cet impact peut être fortement réduit, voire quasi imperceptible pour l’utilisateur final.

Comment choisir la bonne police pour mon site ?

Le choix de la police doit à la fois refléter votre identité visuelle et garantir une excellente lisibilité. Pour faire le bon choix :

définissez le ton de votre marque (sérieux, créatif, institutionnel, ludique, etc.) ;
assurez-vous que la police reste lisible sur tous les écrans et tailles de texte ;
vérifiez que la police propose les caractères nécessaires (accents, caractères spéciaux, symboles) pour votre langue ;
testez la police sur des phrases longues, des titres, des boutons et des formulaires avant de la déployer sur tout le site.

Puis-je modifier une police existante sur mon thème ?

Oui, dans la plupart des cas, vous pouvez remplacer ou modifier la police actuellement utilisée par votre thème. Selon votre configuration, plusieurs options existent :

via le Personnalisateur (Apparence > Personnaliser), si votre thème propose une section « Typographie » ;
via l’Éditeur du site et les « Styles » si vous utilisez un thème bloc, en choisissant une autre police dans les réglages globaux ;
via un plugin de typographie pour surcharger les polices définies par le thème ;
via du CSS personnalisé et/ou la modification de theme.json si vous avez un niveau technique suffisant.

Dois-je utiliser un thème enfant pour gérer mes polices ?

Si vous modifiez directement des fichiers du thème (CSS, functions.php, theme.json, etc.), il est fortement conseillé d’utiliser un thème enfant. De cette manière, vos modifications de polices ne seront pas écrasées lors des mises à jour du thème parent. Si vous utilisez uniquement des plugins ou le « CSS additionnel » du personnalisateur, l’usage d’un thème enfant n’est pas obligatoire, mais reste une bonne pratique si vous prévoyez d’autres personnalisations avancées.

Les polices influencent-elles directement le SEO ?

Les moteurs de recherche ne prennent pas en compte le nom de la police comme facteur de classement. En revanche, la typographie influence indirectement le SEO via :

la lisibilité des contenus (temps passé sur la page, taux de rebond) ;
le contraste et l’accessibilité (facilité de lecture pour tous les utilisateurs) ;
les performances (poids des pages, temps de chargement, Core Web Vitals).

Une police bien intégrée, légère et lisible contribue donc à une meilleure expérience utilisateur, ce qui est favorable au référencement.

Puis-je utiliser des polices locales installées sur mon ordinateur ?

Les polices installées uniquement sur votre ordinateur ne sont pas automatiquement disponibles pour les visiteurs de votre site. Pour que tout le monde voie la même police, vous devez soit :

utiliser une police web hébergée sur un serveur (via Google Fonts, Adobe Fonts, etc.) ;
auto‑héberger la police sur votre propre hébergement et la déclarer via @font-face ou un plugin adapté ;
passer par la bibliothèque de polices intégrée de WordPress si votre installation et votre thème la proposent.

Que faire si ma police n’apparaît pas correctement ?

Si votre police ne s’affiche pas comme prévu, vérifiez :

le chemin des fichiers dans votre règle @font-face ;
le format des fichiers et leur compatibilité ;
l’ordre des polices dans font-family (la police personnalisée doit être mentionnée en premier) ;
la présence éventuelle de caches (plugin de cache, CDN, cache navigateur) : videz-les puis testez à nouveau ;
l’absence de conflit entre plusieurs plugins gérant les polices.

Conclusion

Ajouter une police personnalisée sur WordPress est aujourd’hui à la portée de tous, que vous soyez débutant ou utilisateur avancé. Entre les plugins de typographie, les thèmes blocs avec theme.json, la bibliothèque de polices intégrée, l’intégration manuelle via @font-face ou les constructeurs de pages, vous disposez de nombreuses solutions pour adapter la typographie à votre identité de marque.

En respectant les bonnes pratiques de performance, de lisibilité et de licences, vous pouvez transformer l’apparence de votre site sans compromettre sa rapidité ni son référencement. Prenez le temps de choisir une police cohérente, de la tester sur différents appareils et de l’intégrer proprement : votre contenu n’en sera que plus professionnel et agréable à lire.