/* Self-hosted Switzer and Satoshi.

   These loaded from api.fontshare.com, which put a render-blocking stylesheet
   from a third party ahead of the font files themselves: the browser had to
   fetch CSS from one origin before it could discover which woff2 to fetch
   from another. Served from here it is one hop, on a connection already open,
   with the same immutable cache headers as the rest of the build.

   It also fixes a silent bug. The site requested switzer and satoshi in one
   Fontshare call, and that endpoint answers with Switzer and *Gambetta* --
   Satoshi never arrived, so every rule set in it fell through to system-ui.
   Each family is fetched separately here and filtered by name.

   woff2 only: this site needs WebGL2 and ES modules, and every browser that
   has those has had woff2 since 2016, so Fontshare's woff and ttf fallbacks
   were dead weight. */
@font-face {
  font-family: 'Switzer';
  src: url('fonts/switzer-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Switzer';
  src: url('fonts/switzer-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Switzer';
  src: url('fonts/switzer-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Switzer';
  src: url('fonts/switzer-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('fonts/satoshi-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('fonts/satoshi-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('fonts/satoshi-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}