Typographie web : 6 réglages qui décident si votre site sera lu
Choisir une police est la petite partie. Longueur de ligne, interligne et taille déterminent si le texte est réellement lu.
Presque tout le contenu d'un site est du texte. La typographie n'est donc pas une décoration : c'est le travail lui-même.
1. Ne descendez pas le texte courant sous 16 pixels
À 14 pixels sur un téléphone, le texte est lisible mais fatigant. La plage 16-18 pixels est la bonne zone pour le corps de texte. Une petite taille paraît « élégante » mais personne ne la lit.
2. Gardez des lignes de 60 à 75 caractères
L'œil doit retrouver sa place en revenant de la fin d'une ligne au début de la suivante. Trop longue, il se perd ; trop courte, il saute sans cesse.
Limitez la colonne de texte sur les grands écrans. Laisser courir le texte sur 1400 pixels, ce n'est pas utiliser l'écran : c'est compliquer la lecture.
3. Réglez l'interligne autour de 1,5
Pour le corps de texte, l'interligne doit valoir environ 1,5 fois la taille de police. Des lignes serrées transforment le texte en bloc et l'œil saute des lignes.
Pour les titres, c'est l'inverse : à grande taille, on réduit l'interligne, sinon le titre se disloque.
4. Ne touchez à l'approche que sur les grandes tailles
Dans les grands titres, les espaces entre lettres paraissent excessifs ; les resserrer légèrement rassemble le titre. Faire pareil en petite taille nuit à la lisibilité.
Pour de courtes étiquettes en capitales, il faut l'inverse : ouvrir l'approche.
5. Deux polices au maximum
Une pour les titres, une pour le texte suffit. Une troisième est presque toujours inutile et disperse la page.
En choisissant les deux, veillez à ce qu'elles ne se ressemblent pas — une distinction floue paraît pire qu'un contraste net.
6. Vérifiez les caractères dont vous avez besoin
Toutes les polices ne prennent pas en charge les accents et caractères spéciaux de vos langues, et certaines les dessinent mal. Au moment du choix, tapez une phrase qui les contient et regardez de près.
Avec Google Fonts, n'oubliez pas de charger le sous-ensemble latin-ext ; sinon ces caractères basculent sur une autre police et le texte paraît hétérogène.
Une erreur fréquente
Centrer le texte. Acceptable pour de courts titres, mais centrer des paragraphes de plus de deux lignes complique la lecture — chaque ligne commence à un endroit différent et l'œil doit chercher à chaque fois. Alignez vos paragraphes à gauche.
- #typographie
- #design
- #lisibilité
