/* Every face the site and the social renders depend on, kept in the repo so neither falls back to Arial on a
   filtered network. Latin subset only. See README.md in this folder for sources and licences.

   The site used to load its reading fonts from Google Fonts on the grounds that a failure there is graceful.
   The version 7 audit measured otherwise: a filter that accepts the connection and never answers holds the
   stylesheet open, which blocks the inline script on the next line, which stops the parser. The page stayed at
   11 DOM nodes with nothing painted at 6.2 seconds. An outright refusal was fine; the hang was not. */
@font-face {
  font-family: 'Familjen Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: block;
  src: url(familjen-grotesk-latin.woff2) format('woff2');
}
@font-face {
  font-family: 'Reenie Beanie';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(reenie-beanie-latin.woff2) format('woff2');
}
/* The reading face. Variable on two axes, optical size 7 to 72 and weight 400 to 600, so the browser sizes the
   letterforms to the text. swap rather than block: the essay should be readable before the serif arrives. */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(literata-latin.woff2) format('woff2');
}
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(literata-latin-italic.woff2) format('woff2');
}
/* The typewriter's face, and only where something is literally typed: the paper loaded in the typewriter at the
   foot of an article (DESIGN.md, the Literal Typewriter Rule). Courier Prime 400, latin, from @fontsource/courier-prime
   5.2.8, SIL Open Font License 1.1. swap: the link reads in the fallback until it arrives. */
@font-face {
  font-family: 'Courier Prime';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(courier-prime-latin.woff2) format('woff2');
}