/* ========================================================================= fonts.css — Polices auto-hébergées (pas de CDN). Charger AVANT variables.css (qui référence --font-display). Clash Display : gros titres (hero, titres de section). Le corps de texte reste en League Spartan. La graisse 500 est déclarée mais pas encore appelée. font-display: optional (+ preload dans head.php) : la vraie police s'affiche directement quand elle est en cache, au lieu d'un « swap » visible à chaque navigation. Au premier chargement cache-froid, si la fonte dépasse ~100 ms, la page reste en fallback système pour cette visite (pas de saut tardif). ========================================================================= */ @font-face { font-family: "Clash Display"; src: url("../fonts/clash-display/clash-display-medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: optional; } @font-face { font-family: "Clash Display"; src: url("../fonts/clash-display/clash-display-semibold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: optional; } /* Manuscrite, pour les accroches illustrées (CTA « tache », bouton flottant de la home). font-display: swap et non `optional` comme les deux polices ci-dessus : avec `optional`, le navigateur abandonne définitivement la police pour la visite si elle n'arrive pas en ~100 ms — ce qui arrivait presque à chaque fois, cette fonte n'étant pas préchargée dans le . Le CTA de « /comprendre/causes » retombait alors en Clash Display. `swap` garantit l'affichage manuscrit dès l'arrivée du fichier. Seul le woff2 est déclaré : le .otf d'origine (27 Ko non compressés) reste dans assets/fonts/ comme fichier source, mais n'est plus servi. ATTENTION — la fonte (DEMO, 133 glyphes) ne contient PAS : l'apostrophe typographique ’ (U+2019), les guillemets « », le œ, ni les points de suspension. Les accents, eux, sont tous présents. Un texte contenant l'un de ces caractères l'affichera dans la police de repli, en plein milieu du mot : préférer l'apostrophe droite ' dans les accroches manuscrites. */ @font-face { font-family: "Original Quality"; src: url("../fonts/original-quality/original-quality.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }