/* ============================================================
   Polices — hébergées en local
   Chargée AVANT main.css : les @font-face doivent être connues du navigateur
   au moment où il rencontre les premières règles font-family.

   POURQUOI EN LOCAL
   Passer par fonts.googleapis.com imposait trois allers-retours EN SÉRIE avant
   qu'un seul caractère ne s'affiche : résolution et négociation du premier
   domaine, téléchargement de la feuille, puis découverte des URL .woff2 sur un
   SECOND domaine, fonts.gstatic.com, à résoudre et négocier à son tour. Sur une
   connexion mobile, cela représentait l'essentiel des 3,8 s de premier
   affichage. En local, les fichiers partent dès la lecture de l'en-tête, sur une
   connexion déjà ouverte.

   FICHIERS
   Sous-ensemble latin uniquement : le français n'a besoin de rien d'autre, tous
   les accents, les guillemets et les flèches du thème y sont. Le cyrillique et
   le grec que Google livre par défaut avec Manrope et JetBrains Mono ont été
   retirés.

   Trois des quatre familles sont des polices VARIABLES : un seul fichier couvre
   toutes les graisses, d'où le font-weight exprimé en plage. Ne pas déclarer un
   @font-face par graisse, cela ferait télécharger le même fichier plusieurs fois.

   font-display:swap : le texte s'affiche immédiatement dans la police de repli,
   puis bascule. C'est ce qui permet au titre du héro d'être peint sans attendre.

   Les URL sont relatives à CE fichier, donc à assets/.
   ============================================================ */

/* Corps de texte. Utilisée du 400 au 700 par le thème. */
@font-face{
	font-family:'Manrope';
	src:url('fonts/manrope-var-latin.woff2') format('woff2');
	font-weight:200 800;
	font-style:normal;
	font-display:swap;
}

/* Titres. Utilisée du 400 au 700. */
@font-face{
	font-family:'Space Grotesk';
	src:url('fonts/space-grotesk-var-latin.woff2') format('woff2');
	font-weight:300 700;
	font-style:normal;
	font-display:swap;
}

/* Sur-titres (.eyebrow), numéros, étiquettes. Utilisée en 500 et 600. */
@font-face{
	font-family:'JetBrains Mono';
	src:url('fonts/jetbrains-mono-var-latin.woff2') format('woff2');
	font-weight:100 800;
	font-style:normal;
	font-display:swap;
}

/* Manuscrite : mot incliné des titres (.h1-script) et signature du logo.
   Seule famille statique du lot, elle n'existe qu'en 400. */
@font-face{
	font-family:'Kaushan Script';
	src:url('fonts/kaushan-script-latin.woff2') format('woff2');
	font-weight:400;
	font-style:normal;
	font-display:swap;
}
