Avant même de lire un mot, la typographie a déjà posé un ton : soigné ou négligé, moderne ou traditionnel, confiant ou qui en fait trop. Bien la choisir tient moins à trouver une « jolie police » qu'à un petit ensemble de décisions cohérentes.
Une ou deux polices, utilisées avec intention
La plupart des systèmes de marque solides utilisent une famille de police, ou deux avec une division claire du travail — l'une pour les titres, l'autre pour le corps. Au-delà, le système commence à paraître arbitraire. Une seule famille bien choisie avec une gamme de graisses suffit généralement.
Une échelle typographique, pas des tailles au hasard
Définissez un ensemble fixe de tailles — disons cinq ou six paliers du petit texte au grand titre — et n'utilisez que celles-là. Des tailles arbitraires choisies page par page sont l'un des signes les plus clairs d'un design non systématisé.
La lisibilité d'abord pour le corps de texte
- Une taille confortable — autour de 16 à 20 pixels pour le corps de texte sur le web.
- Une longueur de ligne d'environ 60 à 80 caractères. Les paragraphes pleine largeur sur un grand écran sont durs à lire.
- Une hauteur de ligne autour de 1,5 à 1,7 pour le corps de texte.
- Un contraste suffisant avec le fond — le gris sur gris est une erreur courante.
Les titres peuvent avoir du caractère ; le corps, non
Il est acceptable qu'une police d'affichage soit distinctive. Le corps de texte doit s'effacer. Une police avec du caractère employée pour de longs paragraphes ralentit la lecture et fatigue le lecteur.
La performance compte ici aussi
Chaque graisse et style de police est un fichier à télécharger. Ne chargez que les graisses que vous utilisez, hébergez-les efficacement, et utilisez font-display: swap pour que le texte soit visible immédiatement. Une belle police qui bloque le rendu pendant deux secondes est une perte nette.
En bref
Peu de polices, une échelle fixe, un corps de texte lisible, et le caractère réservé aux titres. Cela fait partie de chaque système de marque et de design que nous construisons. Dites-nous quel ressenti votre marque doit avoir et la typographie est l'une des premières décisions que nous prenons.