/* =========================================================
   Puer leven in stijl — letters
   -------------------------------------------------------
   Beide fonts komen van de oude live site en worden hier
   lokaal geserveerd. Geen Google Fonts, dus geen IP-adressen
   naar derden (AVG) en geen externe request in het kritieke pad.

   ft4  — het huisletter van Puer: rond, open, vriendelijk.
          Gebruikt voor koppen, logo, menu en knoppen.
   Lato — voor lopende tekst; iets smaller en rustiger, dus
          prettiger lezen in lange alinea's.
   ========================================================= */

@font-face {
  font-family: 'ft4';
  src: url('../fonts/ft4.woff2') format('woff2'),
       url('../fonts/ft4.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato-100.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato-400i.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}