Quelles polices choisir pour un site web ?
En bref
Une ou deux polices suffisent sur un site. Choisissez-les pour leur lisibilité à l'écran, vérifiez qu'elles disposent des caractères accentués et des variantes nécessaires, et limitez le nombre de graisses chargées. Les polices du système s'affichent instantanément ; une police personnalisée demande d'être hébergée sur votre serveur et correctement déclarée.
La typographie porte la quasi-totalité du contenu d'un site. Son choix influence la lisibilité, la vitesse d'affichage et, pour les polices chargées depuis un service extérieur, la conformité des transferts de données. Trois sujets à traiter ensemble.
Combien de polices utiliser ?
Une police suffit dans la plupart des cas, deux au maximum : une pour les titres, une pour le texte courant. Chaque famille supplémentaire ajoute des fichiers à télécharger et rend la mise en page moins cohérente.
Comptez aussi les variantes : régulier, gras, italique, gras italique représentent déjà quatre fichiers. Les graisses intermédiaires, souvent ajoutées au moment des maquettes, sont rarement toutes utilisées dans le site final.
Comment juger la lisibilité d'une police ?
- Les caractères ambigus : le I majuscule, le l minuscule et le chiffre 1 doivent se distinguer, de même que le O et le zéro.
- La hauteur des minuscules : une police dont les lettres basses sont hautes reste lisible en petit corps.
- Les accents : vérifiez la présence et le dessin des caractères français, y compris les majuscules accentuées, le œ et les guillemets.
- Les chiffres : dans un tableau, des chiffres de même largeur s'alignent correctement.
- Le rendu réel : jugez sur une page remplie de votre propre texte, pas sur un échantillon de démonstration.
Les polices très fines ou très condensées passent bien en maquette et fatiguent à la lecture. Les seuils de contraste et de taille à respecter sont traités dans l'article sur l'accessibilité d'un site web.
Polices du système ou polices personnalisées ?
| Choix | Avantage | Limite |
|---|---|---|
| Polices déjà présentes sur l'appareil | Aucun fichier à télécharger, affichage immédiat | Le rendu varie selon les systèmes |
| Police personnalisée hébergée sur votre serveur | Rendu identique partout, aucun appel extérieur | Fichiers à charger, licence à vérifier |
| Police chargée depuis un service extérieur | Mise en place rapide | Transfert de données vers un tiers, dépendance |
La troisième option mérite attention : l'affichage d'une page entraîne alors une connexion vers un serveur tiers, avec transmission de l'adresse du visiteur. Héberger les fichiers sur votre propre serveur évite ce transfert et s'inscrit dans les obligations RGPD d'un site web.
Comment éviter le texte invisible au chargement ?
Tant qu'une police personnalisée n'est pas téléchargée, le navigateur doit décider quoi afficher. Deux comportements existent : masquer le texte le temps du chargement, ou l'afficher immédiatement dans une police de remplacement puis le remplacer. La seconde option est préférable : le contenu est lisible tout de suite.
Pour limiter le décalage visuel au moment de la substitution, choisissez une police de remplacement aux proportions proches. Ce décalage est mesuré par l'un des indicateurs décrits dans l'article sur les Core Web Vitals.
Quelles vérifications avant de valider un choix ?
- Lire la licence : usage sur site web, nombre de visites autorisé, droit d'héberger les fichiers.
- Vérifier la présence de tous les caractères nécessaires, y compris pour les langues supplémentaires du site.
- Réduire le nombre de fichiers chargés aux variantes réellement utilisées.
- Tester sur téléphone, sur un écran ancien et avec un niveau de zoom élevé.
- Prévoir une police de remplacement cohérente dans la feuille de style.
NexSecure fixe ces choix dès les maquettes, lors de la création d'un site vitrine.
Questions fréquentes
Combien de polices différentes sur un site ?
Une ou deux. Une pour les titres, une pour le texte courant. Chaque famille et chaque graisse supplémentaire ajoutent des fichiers à télécharger sans bénéfice visible pour le lecteur.
Faut-il héberger soi-même ses polices ?
C'est préférable. Les fichiers servis depuis votre serveur évitent une connexion du visiteur vers un service tiers et ne dépendent pas de la disponibilité de ce service.
Pourquoi le texte change-t-il d'aspect au chargement ?
Le navigateur affiche d'abord une police de remplacement, puis la remplace une fois la police personnalisée téléchargée. Choisir une police de remplacement aux proportions proches réduit le décalage.
Les polices du système sont-elles un mauvais choix ?
Non. Elles s'affichent immédiatement et n'ajoutent aucun fichier. Leur seul inconvénient est un rendu qui varie légèrement d'un système à l'autre.
Service lié
Articles liés
Rédigé par l'équipe NexSecure. Responsable de la publication : Yohann Toumine. Dernière mise à jour le 11 septembre 2026.
Une question sur votre situation ? Parler de votre projet