/*
 * Lettertypes van het project, lokaal.
 *
 * Punt 49 van docs/ENGINEER-REVIEW.md. Ze kwamen van fonts.googleapis.com, en
 * dat is op drie manieren een probleem:
 *
 *   1. **On-premise draait zonder internet** (besluit 022/023). Daar viel het
 *      woordmerk terug op een systeemletter, en dan past "PROJECTS" niet meer
 *      onder de Q — de logo-geometrie klopt niet meer.
 *   2. **Op papier zie je het meteen.** De eerste proefafdruk in de sandbox
 *      bevatte alleen DejaVuSans en zag er daardoor stuk uit.
 *   3. **Elke bezoeker deed een verzoek naar Google**, inclusief zijn
 *      IP-adres. Voor een Nederlandse MKB-klant is dat een AVG-gesprek dat je
 *      niet wilt voeren over iets wat je ook zelf kunt hosten.
 *
 * ALLEEN DE LATIN-SUBSET. Google levert per familie ook latin-ext, cyrillic,
 * greek en vietnamese; dat zijn eenenveertig blokken in plaats van elf.
 * Nederlands past volledig in latin. Wie een naam met een Poolse of Tsjechische
 * letter intypt krijgt daarvoor de systeemletter terug — zichtbaar, maar
 * leesbaar, en het is een tekst die de gebruiker zelf heeft ingevoerd. Komt er
 * een klant met Midden-Europese leveranciersnamen, dan haal je latin-ext er
 * alsnog bij: het is een handvol bestanden erbij en verder niets.
 *
 * DRIE BLOKKEN KUNNEN NAAR ÉÉN BESTAND WIJZEN. IBM Plex Sans is een variabel
 * lettertype; Google geeft voor 400, 500 én 600 hetzelfde woff2 terug. Dat
 * bestand staat er dus één keer, met drie `@font-face`-regels ernaartoe, precies
 * zoals Google het zelf doet — anders staat dezelfde 46 kB drie keer in de repo.
 *
 * NIET MET DE HAND BIJWERKEN. Dit bestand is gegenereerd uit de CSS die Google
 * teruggeeft; de `unicode-range` per blok hoort daarbij en zorgt dat de browser
 * alleen laadt wat hij nodig heeft. Michroma is gesubset op de letters van het
 * woordmerk (PROJECTSHNIBGLDA), zoals in index.html stond.
 *
 * Licentie: SIL Open Font License 1.1 — zie LICENSE.txt in deze map.
 */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./ibm-plex-mono-400.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: 500;
  font-display: swap;
  src: url(./ibm-plex-mono-500.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: 600;
  font-display: swap;
  src: url(./ibm-plex-mono-600.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 Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(./ibm-plex-sans-variabel.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 Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(./ibm-plex-sans-variabel.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 Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(./ibm-plex-sans-variabel.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: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(./lato-300.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: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./lato-400.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: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./lato-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: 'Lato';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(./lato-900.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: 'Michroma';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(./michroma-400.woff2) format('woff2');
  unicode-range: U+20, U+41-45, U+47-4a, U+4c, U+4e-50, U+52-54;
}