combien de polices un site Web doit-il avoir ? la réponse à deux familles, faite correctement

design · Oct 6, 2026 · 5 min read

une ou deux. c'est toute la réponse, et le reste de cet article vise à le faire correctement, car l'échec intéressant n'est pas "sept polices" - c'est l'appariement de deux polices mal choisi, ou la police dont les fichiers de poids coûtent tranquillement quelques secondes.

pourquoi le plafond est à deux

chaque police de caractères sur la page est une voix. une voix, utilisée quels que soient les poids et les tailles, se lit comme intentionnelle – comme une personne qui parle partout avec son propre ton. chaque voix supplémentaire soulève la question « pourquoi cela semble-t-il différent ? » et les visiteurs ressentent l'incohérence avant de pouvoir la nommer. la page multi-polices est la cousine typographique de la page trop de couleurs, et elle atterrit sur la même liste de tell dans what makes a website look cheap.

la page des professionnels que vous admirez utilise probablement une seule famille. sa richesse vient des poids — régulier, moyen, gras — et de l'échelle : trois ou quatre tailles de texte, utilisées de manière cohérente. variété de hiérarchie, uniformité de famille.

le modèle à deux familles, si vous prenez la deuxième

la division classique qui fonctionne : une police d'affichage pour les titres, une bête de somme pour tout le reste. la police d'affichage a de la personnalité ; le marteau de travail porte des paragraphes, des formulaires et des boutons. les règles d'appariement qui empêchent que cela se passe mal :

• contraste sur un axe. choisissez un affichage avec empattement sur un corps sans ou un affichage géométrique sur un corps humaniste — des polices qui diffèrent clairement. deux polices qui correspondent presque sont lues comme une erreur et non comme un choix.

• le bourreau de travail doit réellement fonctionner. les titres apparaissent dans des dizaines de tailles ; le corps du texte comporte des centaines de mots sur un écran. testez la police du corps en petites tailles sur un téléphone avant de vous y engager pour sa personnalité.

• la troisième police a besoin d'un travail. occasionnellement un mono pour le code, un script pour un élément de signature. c'est un rôle avec un nom et un seul endroit pour apparaître — au moment où la police "spéciale" apparaît à trois endroits, c'est une décoration et devrait disparaître.

  le coût que personne ne vous cite : les fichiers de polices

voici la partie qui fait du choix de la police une décision de performance, pas seulement une décision esthétique. chaque épaisseur de police que vous chargez est un fichier que le navigateur du visiteur doit télécharger pour que le texte soit correct. une famille utilisée à quatre poids correspond à quatre fichiers ; deux familles à trois poids chacune font six. et le texte est visible lors de la première peinture, de sorte que les fichiers de polices se trouvent directement sur le chemin de chargement qui mesure core web vitals - la police lente apparaît tardivement comme un échange de texte invisible, ce que les visiteurs considèrent comme une cochonnerie.

les règles qui maintiennent la rapidité : deux poids suffisent généralement (régulier, gras) ; chargez uniquement les caractères dont vous avez besoin (sous-ensemble) ; et privilégient les formats modernes. L'un des gains de vitesse les plus silencieux sur la plupart des sites consiste simplement à supprimer les trois poids que personne ne peut distinguer de toute façon.

comment choisir sans designer

• restez avec la police système. véritablement sous-estimée : la police native de l'appareil du visiteur se charge instantanément, se lit parfaitement et ne coûte rien. ce site utilise une façade d'affichage personnalisée mais le système s'empile pour une grande partie du travail - le mélange est délibéré.

• si vous optez pour la personnalisation, choisissez une famille avec plusieurs poids et utilisez-les à la place d'une deuxième famille. une police variable peut contenir toutes les épaisseurs dans un seul fichier, ce qui est le meilleur des deux.

• volez le jumelage, pas le site. lorsque vous voyez un site dont vous admirez le type, inspectez-le : les polices utilisées, combien de poids, quelle police fait les titres. le mimétisme de la structure est la manière dont le goût est formé.

  FAQ : les questions que je reçois réellement

les polices du modèle par défaut sont-elles mauvaises ?

ils sont sûrs et surutilisés – ce qui est un véritable reproche, car ressembler à tout autre site est son propre problème. mais changer uniquement la police du titre, en gardant le corps, transforme l'impression d'une heure de travail.

puis-je utiliser la police de mon logo sur le site Web ?

souvent, mal : les polices de logo sont des conceptions d’affichage avec de petits jeux de caractères. s'il contient un alphabet complet avec des poids lisibles, utilisez-le uniquement pour les titres. jamais pour le corps du texte.

dois-je payer pour les polices ?

de nombreuses excellentes familles sont gratuites (les polices Google autorisent tout pour une utilisation sur le Web). les polices payantes achètent la particularité, pas la qualité – payez lorsque les options gratuites semblent toutes prises, et non par défaut.