/* ============================================================
   Bestand: public_html/assets/fonts/fonts.css
   ============================================================

   De lettertypen die het CMS zelf meelevert, op één plek.

   Waarom dit bestaat:
   Elk portalthema had zijn eigen kopie van dezelfde woff2-bestanden in zijn eigen map, en zijn
   eigen @font-face-regels in zijn eigen stylesheet. Zolang een thema alleen zijn eigen letters
   gebruikt werkt dat, maar zodra je in het beheer een lettertype kunt kíezen, kan een thema alleen
   uit zijn eigen mapje kiezen. Dan is de keuzelijst een lijst met opties die de helft van de tijd
   niets doen.

   Vandaar één gedeelde map met één kopie per familie. Een @font-face-regel kost niets zolang het
   lettertype niet wordt gebruikt: de browser haalt een bestand pas op als er tekst mee wordt gezet.
   Dit bestand mag daarom gewoon overal mee.

   De letters zelf staan onder een vrije licentie (SIL Open Font License) en worden bewust zelf
   gehost: de beveiligingsregels van de site staan geen lettertypen van een andere server toe.

   Wie hier een familie bijzet, zet hem ook in ThemeTypographyService::FAMILIES; anders staat hij
   wel klaar maar is hij niet te kiezen.
   ============================================================ */

@font-face {
    font-family: "Newsreader";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("/assets/fonts/newsreader-latin.woff2") format("woff2");
}

@font-face {
    font-family: "Newsreader";
    font-style: italic;
    font-weight: 400 700;
    font-display: swap;
    src: url("/assets/fonts/newsreader-italic-latin.woff2") format("woff2");
}

@font-face {
    font-family: "Instrument Sans";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("/assets/fonts/instrument-sans-latin.woff2") format("woff2");
}

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

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

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

@font-face {
    font-family: "Public Sans";
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url("/assets/fonts/public-sans-latin.woff2") format("woff2");
}

@font-face {
    font-family: "Space Grotesk";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("/assets/fonts/space-grotesk-latin.woff2") format("woff2");
}

@font-face {
    font-family: "JetBrains Mono";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("/assets/fonts/jetbrains-mono-latin.woff2") format("woff2");
}