/* ====================================================================
   fonts.css
   
   Self-hosted, replacing the Google Fonts stylesheet. Nothing about a visitor
   leaves the site on page load.
   
   Big Shoulders and Newsreader are variable fonts, so one file covers every
   weight used. The optical-size axis is pinned (Big Shoulders 40, Newsreader
   16) because carrying it roughly doubled the file for no visible difference.
   IBM Plex Mono has no variable version and ships as two static weights.
   
   All three are SIL Open Font License 1.1. Keep OFL.txt alongside them.
   ==================================================================== */

@font-face {
  font-family: 'Big Shoulders';
  src: url('fonts/big-shoulders.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

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

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

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

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