{% load static %}

{% comment %}
<!--
    Atkinson Hyperlegible
    https://fonts.google.com/specimen/Atkinson+Hyperlegible
-->
{% endcomment %}
<style>
    /* latin-ext */
    @font-face {
        font-family: 'Atkinson Hyperlegible';
        font-style: italic;
        font-weight: 400;
        font-display: swap;
        src: url('{% static "/fonts/atkinson-hyperlegible/italic.ttf" %}') format('truetype');
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    
    /* latin */
    @font-face {
        font-family: 'Atkinson Hyperlegible';
        font-style: italic;
        font-weight: 400;
        font-display: swap;
        src: url('{% static "/fonts/atkinson-hyperlegible/italic.ttf" %}') format('truetype');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    
    /* latin-ext */
    @font-face {
        font-family: 'Atkinson Hyperlegible';
        font-style: italic;
        font-weight: 700;
        font-display: swap;
        src: url('{% static "/fonts/atkinson-hyperlegible/italic-bold.ttf" %}') format('truetype');
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    
    /* latin */
    @font-face {
        font-family: 'Atkinson Hyperlegible';
        font-style: italic;
        font-weight: 700;
        font-display: swap;
        src: url('{% static "/fonts/atkinson-hyperlegible/italic-bold.ttf" %}') format('truetype');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    
    /* latin-ext */
    @font-face {
        font-family: 'Atkinson Hyperlegible';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url('{% static "/fonts/atkinson-hyperlegible/regular.ttf" %}') format('truetype');
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    
    /* latin */
    @font-face {
        font-family: 'Atkinson Hyperlegible';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url('{% static "/fonts/atkinson-hyperlegible/regular.ttf" %}') format('truetype');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    
    /* latin-ext */
    @font-face {
        font-family: 'Atkinson Hyperlegible';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url('{% static "/fonts/atkinson-hyperlegible/bold.ttf" %}') format('truetype');
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    
    /* latin */
    @font-face {
        font-family: 'Atkinson Hyperlegible';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url('{% static "/fonts/atkinson-hyperlegible/bold.ttf" %}') format('truetype');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    .font-atkinson-hyperlegible {
        font-family: "Atkinson Hyperlegible", sans-serif;
    }
</style>

{% comment %}
<!--
    Sora
    https://fonts.google.com/specimen/Sora
-->
{% endcomment %}
<style>
    /* Sora Thin (100) */
    @font-face {
        font-family: 'Sora';
        font-style: normal;
        font-weight: 100;
        font-display: swap;
        src: url("{% static '/fonts/sora/thin.ttf' %}") format('truetype');
    }

    /* Sora ExtraLight (200) */
    @font-face {
        font-family: 'Sora';
        font-style: normal;
        font-weight: 200;
        font-display: swap;
        src: url("{% static '/fonts/sora/extraLight.ttf' %}") format('truetype');
    }

    /* Sora Light (300) */
    @font-face {
        font-family: 'Sora';
        font-style: normal;
        font-weight: 300;
        font-display: swap;
        src: url("{% static '/fonts/sora/light.ttf' %}") format('truetype');
    }

    /* Sora Regular (400) */
    @font-face {
        font-family: 'Sora';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url("{% static '/fonts/sora/regular.ttf' %}") format('truetype');
    }

    /* Sora Medium (500) */
    @font-face {
        font-family: 'Sora';
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: url("{% static '/fonts/sora/medium.ttf' %}") format('truetype');
    }

    /* Sora SemiBold (600) */
    @font-face {
        font-family: 'Sora';
        font-style: normal;
        font-weight: 600;
        font-display: swap;
        src: url("{% static '/fonts/sora/semiBold.ttf' %}") format('truetype');
    }

    /* Sora Bold (700) */
    @font-face {
        font-family: 'Sora';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url("{% static '/fonts/sora/bold.ttf' %}") format('truetype');
    }

    /* Sora ExtraBold (800) */
    @font-face {
        font-family: 'Sora';
        font-style: normal;
        font-weight: 800;
        font-display: swap;
        src: url("{% static '/fonts/sora/extraBold.ttf' %}") format('truetype');
    }

    .font-sora {
        font-family: "Sora", sans-serif;
    }
</style>