/* ============================================================================
   FOOLSCAP  ·  type
   ----------------------------------------------------------------------------
   The faces, served from our own domain rather than from Google.

   Three reasons the fonts moved in-house. A page that fetches from
   fonts.googleapis.com cannot be made to work on the Tube, which is the exact
   place a daily puzzle gets played. It costs two DNS lookups and two TLS
   handshakes before a single letter can be drawn. And it tells a third party
   which of our readers opened which puzzle, which is nobody's business.

   Both families are under the SIL Open Font Licence, which permits this
   plainly. Only the latin subset is shipped: the rest was 60% of the weight
   and none of the use.

   ONE RULE ABOUT CASLON. Libre Caslon comes in two cuts and they are not
   interchangeable. DISPLAY has the fine hairlines and tight fitting of a face
   drawn for headline sizes; below about 24px those hairlines thin out to grey
   and the words go soft. TEXT is the cut with the sturdier strokes and the
   wider fitting, drawn to survive small sizes. Display is therefore allowed
   on the wordmark and on modal titles, and nowhere else.
   ========================================================================= */

/* Display Caslon: the wordmark and large titles only. */
@font-face {
  font-family: "Caslon Display";
  src: url("fonts/libre-caslon-display-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Text Caslon: everything else set in a serif. */
@font-face {
  font-family: "Caslon Text";
  src: url("fonts/libre-caslon-text-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Caslon Text";
  src: url("fonts/libre-caslon-text-400-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Caslon Text";
  src: url("fonts/libre-caslon-text-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Franklin is a variable font, so one file covers every weight we set. The
   four static weights we first shipped were byte-identical to each other and
   to this: 88KB of the same font, downloaded four times. */
@font-face {
  font-family: "Franklin";
  src: url("fonts/libre-franklin-var.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}