/* The three faces the whole site is set in.
 *
 * Self-hosted rather than linked from Google, for three reasons and in this
 * order of importance:
 *
 *   1. api.py sends `font-src 'self'`. A <link> to fonts.googleapis.com is a
 *      blocked stylesheet and a blocked font, and the only way to make it work
 *      is to open two more hosts in the CSP -- paying real security for a
 *      typeface is a bad trade.
 *   2. privacy.html clause 6 enumerates every third party that receives
 *      anything about a visitor. Google Fonts would put the visitor's IP and
 *      user-agent in front of Google on every page load, which means either a
 *      new line in that list or a policy that has quietly stopped being true.
 *   3. It is faster. These come off the connection that is already open
 *      instead of costing two DNS lookups and two TLS handshakes before the
 *      first headline can paint.
 *
 * All three are SIL Open Font License 1.1, which permits commercial use and
 * redistribution. The licence texts ship next to the files in /fonts, which is
 * the condition the OFL actually attaches.
 *
 * Latin only. The site is English, and the ext/vietnamese subsets Google serves
 * alongside these would have tripled the payload for glyphs nothing here sets.
 * Arrows, stars and ticks (→ ★ ✓ ▾) fall through to the system stack, which is
 * where they came from before any of this too.
 *
 * These are variable fonts: one file per family covering every weight, and for
 * Archivo every width as well. That width axis is not decoration -- it is what
 * the headlines are condensed with. See --head in each page's :root.
 *
 * Cached hard by api.py. The filenames carry no hash, so replacing a face means
 * renaming its file, not overwriting it. */

@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url(/fonts/archivo-latin.woff2) format("woff2");
}

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

@font-face {
  font-family: "Azeret Mono";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/fonts/azeretmono-latin.woff2) format("woff2");
}