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 » ?