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

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

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