/* nwl-components fonts: `<link rel="stylesheet" href="…/nwl-components/dist/fonts.css">` on
   every page that uses the kit (Source Sans 3 is the body font since 3.0.0; without this file a
   page falls back to Lucida Grande or Helvetica). Not part of dist/style.css: link it.

   Self-hosted (no request to a third party): woff2 files in dist/fonts/, Latin subset, only the
   weights the kit uses. Their URLs are relative to this file, so link it from where it is (an
   app serves dist/ under a static route); don't bundle it, since a bundler that leaves url()
   alone (webpack 4's css-loader with `url: false`) would resolve them against the page instead.

   From the @fontsource packages, under the SIL Open Font License 1.1 (dist/fonts/LICENSE-*.txt):
   Source Sans 3 (body: 400, 400 italic, 600), IBM Plex Mono (data: 400), Roboto (the wordmark:
   100).
   Source Sans 3's own metrics (ascent 1024, descent 400 per 1000) leave more room under the
   letters than Lucida Grande, so in a centred line (table cells, buttons, the slider's − and +)
   its letters sat about 1px higher than Lucida Grande's. The overrides keep the same line height
   (109% + 33.4% = 142.4%, as 1024 + 400) and move the letters down 0.068em, so a capital's middle
   is 0.05em below the line's middle, as with Lucida Grande (2.4.2). */

@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  ascent-override: 109%;
  descent-override: 33.4%;
  src: url("fonts/source-sans-3-latin-400-normal.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: "Source Sans 3";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  ascent-override: 109%;
  descent-override: 33.4%;
  src: url("fonts/source-sans-3-latin-400-italic.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: "Source Sans 3";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  ascent-override: 109%;
  descent-override: 33.4%;
  src: url("fonts/source-sans-3-latin-600-normal.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: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/ibm-plex-mono-latin-400-normal.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: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("fonts/roboto-latin-100-normal.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;
}
