/* ============================================================
   Typefaces — served from this folder, not from the internet.

   The three fonts live in  assets/fonts/  so the site looks
   correct even with no network connection, and so nothing on
   the page depends on an outside service.

   Fraunces          — display (SIL Open Font License)
   Newsreader        — body    (SIL Open Font License)
   IBM Plex Mono     — labels  (SIL Open Font License)

   Licences are in assets/fonts/.
   ============================================================ */

@font-face {
  font-family: 'Fraunces';
  src: url('../assets/fonts/fraunces-variable.woff2') format('woff2');
  font-weight: 300 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Newsreader';
  src: url('../assets/fonts/newsreader-variable.woff2') format('woff2');
  font-weight: 300 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Newsreader';
  src: url('../assets/fonts/newsreader-variable-italic.woff2') format('woff2');
  font-weight: 300 600;
  font-style: italic;
  font-display: swap;
}

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

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