@font-face {
    font-family: "Atkinson Hyperlegible";
    src:
        local("Atkinson Hyperlegible Regular"),
        url("{{ static 'font/AtkinsonHyperlegible-Regular.ttf' }}");
    font-weight: 400;
}

@font-face {
    font-family: "Atkinson Hyperlegible";
    src:
        local("Atkinson Hyperlegible Italic"),
        url("{{ static 'font/AtkinsonHyperlegible-Italic.ttf' }}");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Atkinson Hyperlegible";
    src:
        local("Atkinson Hyperlegible Bold"),
        url("{{ static 'font/AtkinsonHyperlegible-Bold.ttf' }}");
    font-weight: 700;
}

@font-face {
    font-family: "Atkinson Hyperlegible";
    src:
        local("Atkinson Hyperlegible Bold Italic"),
        url("{{ static 'font/AtkinsonHyperlegible-BoldItalic.ttf' }}");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    /* NOTE: This is my own variant of Iosevka that more or less follows the stylistic choices
       of Atkinson Hyperlegible. */
    font-family: "Iosevka Hyperlegible";
    src:
        local("Iosevka Hyperlegible"),
        url("{{ static 'font/IosevkaHyperlegible-Regular.woff2' }}");
    font-weight: 400;
}

@font-face {
    font-family: "Iosevka Hyperlegible";
    src:
        local("Iosevka Hyperlegible Italic"),
        url("{{ static 'font/IosevkaHyperlegible-Italic.woff2' }}");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Iosevka Hyperlegible";
    src:
        local("Iosevka Hyperlegible Bold"),
        url("{{ static 'font/IosevkaHyperlegible-Bold.woff2' }}");
    font-weight: 700;
}

@font-face {
    font-family: "Iosevka Hyperlegible";
    src:
        local("Iosevka Hyperlegible Bold Italic"),
        url("{{ static 'font/IosevkaHyperlegible-BoldItalic.woff2' }}");
    font-weight: 700;
    font-style: italic;
}
