@font-face {
    font-family: 'Readex Pro';
    src: url('ReadexPro-Regular.eot');
    src: url('ReadexPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('ReadexPro-Regular.woff2') format('woff2'),
        url('ReadexPro-Regular.woff') format('woff'),
        url('ReadexPro-Regular.ttf') format('truetype'),
        url('ReadexPro-Regular.svg#ReadexPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabin';
    src: url('Cabin-Italic.eot');
    src: url('Cabin-Italic.eot?#iefix') format('embedded-opentype'),
        url('Cabin-Italic.woff2') format('woff2'),
        url('Cabin-Italic.woff') format('woff'),
        url('Cabin-Italic.ttf') format('truetype'),
        url('Cabin-Italic.svg#Cabin-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Staatliches';
    src: url('Staatliches-Regular.eot');
    src: url('Staatliches-Regular.eot?#iefix') format('embedded-opentype'),
        url('Staatliches-Regular.woff2') format('woff2'),
        url('Staatliches-Regular.woff') format('woff'),
        url('Staatliches-Regular.ttf') format('truetype'),
        url('Staatliches-Regular.svg#Staatliches-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Readex Pro';
    src: url('ReadexPro-Light.eot');
    src: url('ReadexPro-Light.eot?#iefix') format('embedded-opentype'),
        url('ReadexPro-Light.woff2') format('woff2'),
        url('ReadexPro-Light.woff') format('woff'),
        url('ReadexPro-Light.ttf') format('truetype'),
        url('ReadexPro-Light.svg#ReadexPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Readex Pro';
    src: url('ReadexPro-ExtraLight.eot');
    src: url('ReadexPro-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('ReadexPro-ExtraLight.woff2') format('woff2'),
        url('ReadexPro-ExtraLight.woff') format('woff'),
        url('ReadexPro-ExtraLight.ttf') format('truetype'),
        url('ReadexPro-ExtraLight.svg#ReadexPro-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Regular.eot');
    src: url('Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('Roboto-Regular.woff2') format('woff2'),
        url('Roboto-Regular.woff') format('woff'),
        url('Roboto-Regular.ttf') format('truetype'),
        url('Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('Urbanist-Light.eot');
    src: url('Urbanist-Light.eot?#iefix') format('embedded-opentype'),
        url('Urbanist-Light.woff2') format('woff2'),
        url('Urbanist-Light.woff') format('woff'),
        url('Urbanist-Light.ttf') format('truetype'),
        url('Urbanist-Light.svg#Urbanist-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Alata';
    src: url('Alata-Regular.eot');
    src: url('Alata-Regular.eot?#iefix') format('embedded-opentype'),
        url('Alata-Regular.woff2') format('woff2'),
        url('Alata-Regular.woff') format('woff'),
        url('Alata-Regular.ttf') format('truetype'),
        url('Alata-Regular.svg#Alata-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}