Pré-requis : savoir modifier le fichier theme.json.
Ajouter une police système à votre site WordPress peut considérablement accélérer le chargement de vos pages. Pourquoi ? Parce qu’une police système ne nécessite pas de téléchargement depuis un serveur externe ou votre hébergeur. Cela réduit le poids des requêtes, ce qui est idéal si vous n’avez pas un hébergement ultra-performant.
Pourquoi opter pour une police système ?
- Performances accrues : Pas de téléchargement depuis le serveur = pages qui se chargent plus vite.
- Cache limité : Même si le cache navigateur règle ce problème après la première visite, vos nouveaux visiteurs bénéficieront directement de la rapidité d’une police système.
- Amélioration LCP (Largest Contentful Paint) : Utiliser une police système peut résoudre certains problèmes de performance détectés par PageSpeed Insights.
Exemple pratique : Ajouter Arial à un thème FSE
Prenons un exemple concret : vous souhaitez ajouter la police Arial à votre thème FSE (comme Twenty Twenty-Five).
Étape 1 : Accédez au fichier theme.json
Le fichier theme.json se trouve dans le dossier suivant :
wp-content/themes/twentytwentyfive/
👉 Astuce : Pour modifier rapidement ce fichier, je passe directement par mon hébergeur. C’est simple et rapide.
Étape 2 : Localisez la ligne "fontFamilies"
Dans ce fichier, recherchez la section dédiée aux polices ("fontFamilies"
) et ajoutez-y le code suivant :

Le code à copier :
{
"name": "Arial",
"slug": "arial",
"fontFamily": "Arial, Helvetica, sans-serif"
}
Étape 3 : Validez et testez
- Enregistrez vos modifications.
- Rechargez votre site pour vérifier que la police est bien appliquée.
Liste de polices systèmes disponibles
Voici quelques exemples de polices que vous pouvez utiliser :
- Sans serif (linéales) : Arial, Candara, Euphemia, Impact, Lucida Sans, Tahoma, Trebuchet MS, Verdana
- Casual : Comic Sans MS
- Serif : Georgia, Palatino, Times New Roman
- Serif mono : Courier New, Consolas
Et voilà ! Vous savez maintenant comment intégrer une police système à votre thème WordPress. J’espère que ce tutoriel vous a été utile. Si vous avez des questions ou besoin d’un coup de main, n’hésitez pas à me contacter.😊