Typographie lisible

Améliore la lisibilite avec font-size, line-height et max-width.

Objectifs de la leçon

  • Régler une taille de texte lisible
  • Utiliser un interligne adapté
  • Limiter la longueur des lignes

Comprendre le principe

À la fin de cette leçon, tu sauras régler une taille de texte lisible.

À la fin de cette leçon, tu sauras utiliser un interligne adapté.

À la fin de cette leçon, tu sauras limiter la longueur des lignes.

Bloc lisible

Le texte garde une taille normale, des lignes aérées et une longueur maîtrisée.

font-size définit l'échelle de base.

line-height crée le rythme vertical du texte.

Pourquoi éviter : Texte tassé

Les caractères sont petits et les lignes se touchent presque.

Une bonne typographie guide la lecture avant même d'ajouter des couleurs.

Vocabulaire lié

  • font-size — Taille des caractères.
  • line-height — Hauteur de chaque ligne de texte.
  • mesure — Longueur visuelle d'une ligne de texte.
  • ch — Unité approximativement basée sur la largeur d'un caractère.

Validation

  • Je peux expliquer : Une bonne typographie guide la lecture avant même d'ajouter des couleurs.
  • Je peux régler une taille de texte lisible.
  • Je peux utiliser un interligne adapté.

Ouvrir la leçon interactive