@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('archivo-black-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('caveat-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('caveat-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('karla-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('karla-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('karla-600.woff2') format('woff2');
}

@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('karla-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Comic CAT';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('comic-cat-400.woff') format('woff');
  /* Comic CAT tekent bijna alle accentletters en een paar tekens als poes of
     ogen (à é ë ï ü … ² enz.). Alleen tekens die gewone letters of tekens zijn
     staan hier; de rest valt terug op Karla. De € blijft: die poes is gewild
     (parkeertarief). */
  unicode-range: U+0020-007E, U+00A1, U+00A9, U+00AB, U+00B0-00B1, U+00B4,
                 U+00B6-00B7, U+00BB, U+00D5-00D7, U+00F5-00F7, U+2013-2014,
                 U+20AC, U+2190-2193, U+25B2, U+25B4, U+25B8, U+25BE, U+2715;
}

@font-face {
  font-family: 'Shantell Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('shantell-sans-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Shantell Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('shantell-sans-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Shantell Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('shantell-sans-600.woff2') format('woff2');
}

@font-face {
  font-family: 'Shantell Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('shantell-sans-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('space-mono-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('space-mono-700.woff2') format('woff2');
}