/**
 * Figtree, uit het thema zelf.
 *
 * Eén bestand voor beide gewichten: Figtree is een variabele letter, dus 400
 * en 600 komen uit dezelfde woff2. Vandaar `font-weight:400 600` — dat is geen
 * schrijffout maar het bereik dat dit bestand kan tekenen.
 *
 * `font-display:swap` zodat de tekst meteen leesbaar is in de systeemletter en
 * daarna omklapt. Onzichtbare tekst tijdens het laden is erger dan een korte
 * sprong: je kunt niet lezen wat er niet staat.
 *
 * Alleen de latin-subset. De site is Nederlands; latin-ext kost een tweede
 * bestand voor tekens die hier niet voorkomen.
 */

@font-face{
  font-family:'Figtree';
  font-style:normal;
  font-weight:400 600;
  font-display:swap;
  src:url('../fonts/figtree-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;
}

/**
 * Newsreader, uit het thema zelf.
 *
 * Stond tot 11 september 2026 bij Google Fonts, met als reden dat zijn
 * gewichten en cursief "een reeks zijn die je niet in één bestand vangt". Dat
 * klopt niet: Newsreader is een variabele letter, dus 400, 500 en 600 komen
 * alle drie uit dezelfde woff2, en cursief uit een tweede. Twee bestanden dus,
 * net als Figtree er één is.
 *
 * Waarom het weg moest bij Google. Het stylesheet van fonts.googleapis.com
 * stond renderblokkerend in de kop en kostte op een trage telefoon 395 ms,
 * plus DNS, TCP en TLS naar twee vreemde hosts. Daarbij staat in
 * docs/frontend/prestaties.md de eigen regel dat een letter nooit van een
 * externe host komt, en een verzoek naar Google draagt het IP-adres van de
 * bezoeker mee.
 *
 * De maat is bewust niet kleiner gemaakt. Vaste instanties bij Google zijn
 * 106 tot 119 KB per gewicht en dragen de volle tekenset: vier bestanden,
 * samen 442 KB. Deze twee zijn de latin-subset met de optische-grootte-as
 * erin, en de rechte dekt in zijn eentje drie gewichten.
 *
 * Geen preload. Newsreader staat alleen onder de vouw (de citaten in het
 * recensieblok en één alinea), dus hij hoort niet op de kritieke keten.
 * font-display:swap om dezelfde reden als bij Figtree hierboven.
 */

@font-face{
  font-family:'Newsreader';
  font-style:normal;
  font-weight:400 600;
  font-display:swap;
  src:url('../fonts/newsreader-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:'Newsreader';
  font-style:italic;
  font-weight:400 600;
  font-display:swap;
  src:url('../fonts/newsreader-latin-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;
}