/*
 * Self hosted webfonts for bottlebluellc.com.
 *
 * THE FLEET RULE: Playfair Display for display and a humanist sans for body,
 * self hosted as latin subset woff2 with `font-display: swap`. Nothing is
 * fetched from a font CDN, so `font-src` in customHttp.yml stays 'self' and the
 * page never waits on a third party to paint its text. The same two files,
 * byte for byte, are in Bottle-Blue-Bottle-Api-Landing-Page/public/fonts.
 *
 * WHY THIS IS A SEPARATE FILE AND NOT PART OF src/index.css. It should be part
 * of src/index.css, which is where the sibling repo keeps it. The SEO and
 * deploy pass that added these fonts did not own `src/`, so the rules live in a
 * file it did own, linked from index.html. Moving them into src/index.css and
 * deleting the <link> is a tidy-up worth doing, and it saves one request on
 * every page load: this stylesheet is render blocking, so it sits in front of
 * the first paint for as long as it takes to fetch.
 *
 * ONE THING IS STILL LOOSE, AND IT IS IN A FILE THAT PASS DID NOT OWN EITHER.
 * `tailwind.config.js` sets the body stack to `["Inter", -apple-system, ...]`
 * and nothing self hosts Inter, so body text falls through to the system font
 * and the Open Sans below is downloaded by nobody. Either add "Open Sans" to
 * that stack, which is the fleet answer and needs no new file, or self host
 * Inter and delete the Open Sans face here. Until one of those happens the
 * display face is live and the body face is not.
 *
 * The `unicode-range` is Google Fonts' own latin subset range, which is what
 * these files were subset to. It lets the browser skip the download entirely
 * on a page with no latin text, and it is copied rather than invented.
 */

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("/fonts/open-sans-latin-300-700.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url("/fonts/playfair-display-latin-600-700.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}