/* Deux familles, découpées aux seuls caractères du français.
 *
 * Les fichiers livrés par Google couvrent des dizaines de langues dont aucune
 * ne sert ici : 418 Ko ramenés à 147 en ne gardant que ce qui s'affiche.
 * Toutes deux sont variables — un seul fichier couvre toutes les graisses,
 * ce qui explique qu'elles soient déclarées avec une plage (400 800).
 *
 * Bricolage Grotesque porte les grands titres : à très grande taille, ses
 * irrégularités deviennent de la matière plutôt que du bruit.
 * Newsreader porte le texte courant : un empattement dit « écrit par
 * quelqu'un », là où une linéale dit « produit par un outil ».
 *
 * Aucune police à chasse fixe : c'est la rupture la plus nette avec
 * l'ancienne identité, qui empruntait tout son vocabulaire à un éditeur
 * de code.
 */

@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(BricolageGrotesque-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215;
}

@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(BricolageGrotesque-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+0304-0308,U+1E00-1EFF,U+2020,U+20A0-20AB,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(Newsreader-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215;
}

@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(Newsreader-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+0304-0308,U+1E00-1EFF,U+2020,U+20A0-20AB,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* Le logo seul. Les lettres de « SiloWeb » sont géométriques, avec un o
   presque circulaire : c'est Poppins. Le fichier ne contient que les sept
   caractères du mot — moins de deux kilo-octets. */
@font-face{
  font-family:'Logo';font-style:normal;font-weight:800;font-display:swap;
  src:url(Logo-800.woff2) format('woff2');
}

/* Italique de Newsreader, réservée au mot qui tourne dans le titre d'accueil.
   Découpée aux seules lettres de ces mots-là. */
@font-face{
  font-family:'Newsreader Italic';font-style:italic;font-weight:400;font-display:swap;
  src:url(Newsreader-ital-latin.woff2) format('woff2');
}