/*
 * Die beiden Schriften der Seite.
 *
 * Beide sind variable Schriften: Eine Datei enthaelt alle Staerken. Bisher
 * lag dieselbe Datei neunmal unter neun Namen im Ordner – der Browser hat
 * sie dadurch bis zu dreimal geladen, jedesmal dieselben Bytes. Jetzt zeigen
 * alle Regeln auf eine Datei je Schrift. Am Aussehen aendert das nichts:
 * Es sind dieselben Angaben und dieselben Umrisse, nur ein Download statt
 * drei.
 *
 * Die neun @font-face-Regeln bleiben absichtlich stehen. Sie sagen dem
 * Browser, welche Staerken es gibt; ohne sie muesste er raten.
 */

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

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

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

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

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

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

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

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

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