[UX] Typographie : charger Inter, fixer la hiérarchie des titres #61

Open
opened 2026-10-28 23:28:42 -04:00 by bruno · 0 comments
Owner

Constat (audit visuel, v0.41.0)

style.css déclare font-family: "Inter", -apple-system, … mais Inter n'est jamais chargée (ni @font-face, ni import) : en pratique le site utilise la police système, donc le rendu varie d'une machine à l'autre et ne correspond pas à la maquette. Il n'y a pas de hiérarchie de titres définie : h1 de page à 1.55rem, titres de section à 1.2rem ou 1.18rem selon les pages, sous-titres à 0.92rem, sans letter-spacing ni line-height systématiques — d'où des pages qui ne se ressemblent pas.

Travail attendu

  • Choisir : charger Inter en local (fichiers dans static/, pas de CDN tiers) ou assumer explicitement la pile système et la retirer de la déclaration.
  • Définir H1 (page), H2 (section), H3 (carte/groupe) avec taille, poids et interlettrage fixes, et les appliquer aux gabarits principaux.
  • Fixer les line-height du texte courant (1.5) et des titres (1.15-1.25).

Critère de validation

Vérifié par le build de l'utilisateur : même police et mêmes titres sur toutes les pages, y compris après un rechargement à vide (pas de flash de police système).

Hors portée

Changement de police de caractère (Inter reste le choix, sauf décision de l'utilisateur).

## Constat (audit visuel, v0.41.0) `style.css` déclare `font-family: "Inter", -apple-system, …` mais Inter n'est jamais chargée (ni `@font-face`, ni import) : en pratique le site utilise la police système, donc le rendu varie d'une machine à l'autre et ne correspond pas à la maquette. Il n'y a pas de hiérarchie de titres définie : `h1` de page à 1.55rem, titres de section à 1.2rem ou 1.18rem selon les pages, sous-titres à 0.92rem, sans `letter-spacing` ni `line-height` systématiques — d'où des pages qui ne se ressemblent pas. ## Travail attendu - Choisir : charger Inter en local (fichiers dans `static/`, pas de CDN tiers) ou assumer explicitement la pile système et la retirer de la déclaration. - Définir H1 (page), H2 (section), H3 (carte/groupe) avec taille, poids et interlettrage fixes, et les appliquer aux gabarits principaux. - Fixer les `line-height` du texte courant (1.5) et des titres (1.15-1.25). ## Critère de validation Vérifié par le build de l'utilisateur : même police et mêmes titres sur toutes les pages, y compris après un rechargement à vide (pas de flash de police système). ## Hors portée Changement de police de caractère (Inter reste le choix, sauf décision de l'utilisateur).
bruno added the kanban:todo label 2026-10-28 23:28:42 -04:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Projets/kanbante#61