Explorer
KNOW-PAT-288

Typographie web : mesure, interligne et niveaux de lecture

Domaine
web-uiux
Type
pattern
Priorité
P1

Typographie web : mesure, interligne et niveaux de lecture

Attribuer des rôles aux titres, au texte courant, aux libellés et aux données secondaires. Définir taille, graisse, interligne et largeur de lecture pour chaque rôle, avec une police de repli.

Ajuster la mesure au contenu, à la langue et à la taille d’écran. Utiliser une largeur de lecture maîtrisée sur les textes longs et laisser les titres et libellés se replier sans masquer leur sens.

Exemple

Limiter la largeur du texte d’un article et garder le titre long sur plusieurs lignes, avec une échelle distincte pour les intertitres.

Erreur courante

Fixer la hauteur des titres ou diminuer le texte jusqu’à ce qu’il tienne sur une ligne.

Contrôle

Contrôler un article réel, le titre le plus long, les caractères accentués et le rendu en police de repli, puis vérifier zoom et espacement personnalisé. Aucun texte nécessaire ne se superpose ou disparaît et les niveaux restent reconnaissables sur les tailles visées.