/* =====================================================================
   POLICES — version optimisée (WOFF2)
   ---------------------------------------------------------------------
   Redéclare les mêmes familles que style.css (qui reste inchangé) avec
   les fichiers WOFF2 en premier : quand deux règles @font-face décrivent
   la même famille, c'est la dernière chargée qui est utilisée.
   Les .ttf / .otf d'origine restent en secours pour les vieux navigateurs.

   Poids réels :  times.ttf 1,17 Mo -> times.woff2 177 Ko
                  New_Burns_Regular.otf 64 Ko -> 37 Ko
   ===================================================================== */

@font-face {
	font-family: 'New_Burns';
	src: url('../import/fonts/New_Burns_Regular.woff2') format('woff2'),
	     url('../import/fonts/New_Burns_Regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
	/* Titre : on préfère un court instant sans texte plutôt qu'un flash
	   dans une autre police (le header est de toute façon animé en fondu). */
	font-display: block;
}

@font-face {
	font-family: 'Times';
	src: url('../import/fonts/times.woff2') format('woff2'),
	     url('../import/fonts/times.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	/* La police de secours du navigateur est Times New Roman :
	   le texte s'affiche tout de suite, sans changement visible. */
	font-display: swap;
}

@font-face {
	font-family: 'Times_Italic';
	src: url('../import/fonts/timesi.woff2') format('woff2'),
	     url('../import/fonts/timesi.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

/* Titre, variante pour le responsive (voir responsive.css).
   New_Burns embarque deux jeux de métriques verticales différents :
   Windows utilise les métriques « win » (ascent 2212 / descent 528 sur 2048),
   Android, iOS et macOS les métriques « hhea » (1608 / 440). Avec la
   line-height de 0.9 du header, les lettres se retrouvent 4 à 5 px plus
   haut sur téléphone que sur PC, et le titre n'est plus aligné avec la
   description. Cette famille force les métriques Windows partout : le
   rendu sur PC est strictement identique, celui des téléphones s'y aligne.
   Elle n'est utilisée que par responsive.css ; style.css garde 'New_Burns'. */
@font-face {
	font-family: 'New_Burns_Mobile';
	src: url('../import/fonts/New_Burns_Regular.woff2') format('woff2'),
	     url('../import/fonts/New_Burns_Regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
	font-display: block;
	ascent-override: 108.01%;
	descent-override: 25.78%;
	line-gap-override: 0%;
}

@font-face {
	font-family: 'Times_Bold';
	src: url('../import/fonts/timesbd.woff2') format('woff2'),
	     url('../import/fonts/timesbd.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
