/* Fonts served by this platform, not fetched from anywhere else.
   The rule for the built-in stacks is that nothing is fetched at render time:
   a published site that reaches out to a font host has taken on a third
   party's latency and a visitor's privacy on the customer's behalf. Serving
   it ourselves keeps that true -- it is one request to the same origin the
   page came from, cached like any other asset. */
@font-face {
  font-family: "Signature Script";
  src: url("../fonts/SignatureScript-Regular.woff2") format("woff2"),
       url("../fonts/SignatureScript-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  /* Text is readable in the fallback while this arrives, rather than
     invisible until it does. */
  font-display: swap;
}

/* Four faces the hero arrangements need, self-hosted like Signature Script.

   Not fetched from Google at render time: a published page here reaches no
   third party, and a font request is a request that tells somebody else who
   is reading a customer's site.

   Each is subset to Latin and the punctuation a business writes with, which
   takes a face from several hundred kilobytes to under fifty. All four are
   variable, so one file covers every weight -- a display serif at 400 for a
   subheading and 900 for a headline costs nothing extra.

   All under the SIL Open Font License. */

@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/PlayfairDisplay-Variable.woff2") format("woff2");
  font-weight: 400 900;
  font-style: normal;
  /* The fallback shows while this loads rather than nothing at all: a
     headline that appears late is a page that looks broken for a second. */
  font-display: swap;
}

@font-face {
  font-family: "Oswald";
  src: url("../fonts/Oswald-Variable.woff2") format("woff2");
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}

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

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