/* Schriften als eigene Dateien statt als Base64 im Stylesheet.
   Vorteil: Der Browser lädt nur die Schnitte, die auf der jeweiligen Seite
   tatsächlich vorkommen, kann sie parallel holen und einzeln zwischenspeichern.
   font-display:swap zeigt den Text sofort in der Systemschrift an. */

@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/inter-400.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:italic;font-weight:400;font-display:swap;src:url('/fonts/inter-400-italic.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/inter-500.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/inter-600.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/inter-700.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/inter-800.woff2') format('woff2')}

/* Von Fraunces wird ausschließlich der kursive 400er verwendet. */
@font-face{font-family:'Fraunces';font-style:italic;font-weight:400;font-display:swap;src:url('/fonts/fraunces-400-italic.woff2') format('woff2')}