/**
 * Billie Koa merkletters, zelf gehost.
 *
 * Waarom niet via fonts.googleapis.com: die route stuurt het IP-adres van elke
 * bezoeker naar Google, wat onder de AVG als een verwerking geldt waarvoor je geen
 * grondslag hebt. Zelf hosten haalt dat weg en scheelt bovendien een externe
 * verbinding in het kritieke pad.
 *
 * Het zijn variabele fonts: één bestand per familie dekt alle gewichten, vandaar de
 * reeks bij font-weight. Alleen de latin-subset, want die bevat het Nederlandse
 * alfabet plus €, × en ·. Bijwerken? Haal de CSS op bij Google met een moderne
 * user-agent, pak de woff2-URL van de latin-subset en vervang het bestand.
 */

/* Koppen */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('lora-latin-variable.woff2') format('woff2-variations'),
       url('lora-latin-variable.woff2') format('woff2');
}

/* Lopende tekst */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url('nunito-sans-latin-variable.woff2') format('woff2-variations'),
       url('nunito-sans-latin-variable.woff2') format('woff2');
}

/* Alleen voor de ondertekening en het handschriftmotief */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('caveat-latin-variable.woff2') format('woff2-variations'),
       url('caveat-latin-variable.woff2') format('woff2');
}