/* Self-hosted webfonts — KamagraBestellen
------------------------------------------------------------------
Vervangt de @import / naar fonts.googleapis.com. Twee redenen:
1. Privacy. Bij het laden van een Google-font gaat het IP-adres van elke
bezoeker naar Google. Op een shop waarvan de eerste belofte "Privacy
voorop, je gegevens versleuteld, nooit gedeeld" is, is dat lastig uit
te leggen; in NL/DE is er bovendien jurisprudentie over.
2. Snelheid. Een externe stylesheet in de blokkeert het renderen en
kost een extra DNS + TCP + TLS naar twee domeinen.
Het zijn variabele fonts: Google serveert per familie één bestand voor alle
gewichten, dus staan hier weight-ranges in plaats van losse faces.
De unicode-ranges komen 1:1 van Google; latin-ext wordt daardoor alleen
opgehaald als de pagina zulke tekens bevat.
font-display: swap, mét een in header.php voor de twee
latin-bestanden die altijd nodig zijn. Eerder stond dit op optional om een
layout-sprong op de mobiele checkout te voorkomen, maar dat betekende dat
élke bezoeker met een koude cache de systeemfont te zien kreeg: gemeten
leverde een eerste bezoek exact dezelfde tekstbreedte op als met de fonts
geblokkeerd. Dat weegt niet op tegen de sprong. Met preload starten de fonts
rond 250ms in plaats van ~900ms, dus zijn ze er meestal vóór de eerste paint.
Bijwerken: haal de css2-URL op met een Chrome-UA, pak de latin- en
latin-ext-woff2 per familie en overschrijf de bestanden in assets/fonts/. */
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 200 800;
font-display: swap;
src: url("../fonts/manrope-latin-ext.woff2") format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 200 800;
font-display: swap;
src: url("../fonts/manrope-latin.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: "Inter";
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("../fonts/inter-latin-ext.woff2") format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("../fonts/inter-latin.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: "JetBrains Mono";
font-style: normal;
font-weight: 100 800;
font-display: swap;
src: url("../fonts/jetbrains-mono-latin-ext.woff2") format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "JetBrains Mono";
font-style: normal;
font-weight: 100 800;
font-display: swap;
src: url("../fonts/jetbrains-mono-latin.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;
}