Typographie

Propriétés essentielles :

• font-family
• font-size
• font-weight
• line-height

body {
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: #1e293b;
}

Une bonne hiérarchie de texte améliore fortement la lisibilité.

Pense en niveaux :

• titre principal
• sous-titres
• texte courant

La cohérence typographique est un facteur clé de qualité perçue.

A retenir

Une typographie réussie ne se voit pas, elle se lit facilement. Travaille surtout la hiérarchie, la taille et l'interlignage.

Mini pratique

Définis un style pour h1, h2 et p. Assure-toi que les niveaux sont clairement distinguables au premier regard.

Erreurs fréquentes

• appliquer des valeurs sans vérifier l'impact sur mobile
• surcharger la feuille de style au lieu de simplifier les sélecteurs
• corriger un symptôme visuel sans comprendre la cause (cascade, flux ou dimensions)

Checklist rapide

• la règle est-elle lisible et cohérente avec le reste du module ?
• le rendu reste-t-il correct sur petit écran ?
• la solution est-elle maintenable sans !important ?

Mini défi

Reprends l'exemple de cette leçon, retire une règle inutile, et conserve exactement le même rendu visuel.