/* The two webfonts a customer may choose.

   Their own file, not theme.css, for one reason: theme.css is fetched by
   every published page on the platform, and a site that has kept the theme's
   own font must not pay a request for faces it will never use. A page loads
   this file only when its site has chosen one of the two. See
   `Site.uses_a_vendored_font`.

   Both families are vendored under static/fonts/ and served by us. Nothing
   here may name a host: a published page fetching a font from a CDN would
   hand every visitor to every customer site their IP address on every page
   load, which is exactly what sections 2 and 7 of the Datenschutzerklaerung
   say does not happen. static/fonts/MANIFEST.md records where each file came
   from and under what licence, and sites/tests/test_vendored_fonts.py holds
   this file and that one to each other.

   One variable file per family per style rather than one per weight: the
   theme asks for 400, 700 and 800, and a browser given only a 400 face fakes
   the other two by smearing the outlines. The italics are separate faces for
   the same reason -- a synthesised oblique of Cooper, which has almost no
   straight lines in it, is not Cooper. Neither italic file is fetched unless
   a page actually has italic text on it. */

@font-face {
  font-family: Inter;
  src: url(../fonts/inter-variable-4.1.woff2) format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url(../fonts/inter-variable-italic-4.1.woff2) format("woff2");
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: Cooper;
  src: url(../fonts/cooper-variable-1.01.woff2) format("woff2");
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
}

@font-face {
  font-family: Cooper;
  src: url(../fonts/cooper-variable-italic-1.01.woff2) format("woff2");
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
}