/* Inter en IBM Plex Mono, van onze eigen server.
 *
 * De bestanden komen uit de fontsource-pakketten (npm), die dezelfde
 * letters bevatten als Google Fonts maar dan om zelf te hosten. Alleen de
 * latin-subset en alleen de gewichten die dit ontwerp echt gebruikt: 400,
 * 500, 600 en 700 voor de tekst, 400 en 500 voor de cijfers. Samen 188 kB,
 * eenmalig, daarna uit de cache van de browser.
 *
 * font-display: swap — de pagina toont meteen tekst in de systeemletter en
 * wisselt zodra de webletter er is. Nooit een lege pagina omdat een letter
 * traag laadt.
 */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/static/fonts/inter-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/static/fonts/inter-latin-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/static/fonts/inter-latin-600-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/static/fonts/inter-latin-700-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/static/fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/static/fonts/ibm-plex-mono-latin-500-normal.woff2') format('woff2');
}