/* Zelf gehoste lettertypen (voorheen Google Fonts CDN). Beide bestanden zijn
   variabele lettertypen: één .woff2 dekt alle gebruikte gewichten, vandaar
   de gewicht-range i.p.v. een los bestand per gewicht. font-display: block
   i.p.v. swap zodat de browser nooit kort een fallback-lettertype toont --
   tekst blijft hooguit heel even onzichtbaar totdat het echte lettertype
   (dat al gepreload wordt in render.js) klaar is. */

@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url('/fonts/hanken-grotesk-variable-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 400 500;
  font-display: block;
  src: url('/fonts/newsreader-italic-variable-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}