Typographie web

Objectifs

  • Maîtriser : échelle typo
  • Maîtriser : line-height
  • Maîtriser : font-loading

Cours

Cette leçon fait partie du parcours annuel Code Academy Alfred. Objectif : comprendre échelle typo, line-height, font-loading en conditions réelles de conception web / web mobile.

Une échelle typographique (1.125 ou 1.25) crée de la hiérarchie sans chaos. line-height 1.5–1.7 pour le corps de texte.

Limite la largeur de mesure (~45–75 caractères) pour la lecture longue.

next/font (qu’on utilise ici) évite le FOUT/FOIT mal géré et stabilise le layout.

Mets en pratique immédiatement : recrée l’exemple, puis modifie-le. La mémorisation vient de la répétition active, pas de la lecture passive.

Si tu bloques, utilise Cursor avec un prompt précis (contexte + objectif + contraintes), puis explique toi-même le diff généré.

Évaluation

Évaluation

1. Quel est le sujet principal de « Typographie web » ?