/* PS-Music web fonts
   ---------------------------------------------------------------------------
   The three families the site is set in, served from assets/fonts/ rather than
   from Google -- no third-party request on any page load, and no dependency on
   a host we do not control.

   The files are the Google Fonts originals, converted to woff2 and cut down to
   what the site actually asks for: weights 400-600, and the latin + latin-ext
   character ranges Google itself was serving. Fraunces and IBM Plex Sans stay
   variable, so weight is a continuum and Fraunces keeps its SOFT, WONK and
   opsz axes; IBM Plex Mono ships no variable font, so it is three static cuts.

   Paths below are relative to this file, which is what lets the same
   stylesheet serve both the built site and the admin editor.

   Licensed under the SIL Open Font License -- see fonts/OFL-*.txt.
   ------------------------------------------------------------------------- */

@font-face {
  font-family: "Fraunces";
  src: url("fonts/fraunces-variable.woff2") format("woff2");
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fraunces";
  src: url("fonts/fraunces-italic-variable.woff2") format("woff2");
  font-weight: 400 600;
  font-style: italic;
  font-display: swap;
}

/* Up to 700, unlike the other two: no rule asks for it, but `<strong>` does. */
@font-face {
  font-family: "IBM Plex Sans";
  src: url("fonts/ibm-plex-sans-variable.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url("fonts/ibm-plex-sans-italic-variable.woff2") format("woff2");
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url("fonts/ibm-plex-mono-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url("fonts/ibm-plex-mono-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url("fonts/ibm-plex-mono-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}