@font-face {
    font-family: 'Onest';
    font-weight: 100;
    font-style: normal;
    font-display: swap;
    src: local('Onest'),
    url('OnestThin.woff') format('woff'),
    url('OnestThin.ttf') format('truetype');
}

@font-face {
    font-family: 'Onest';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: local('Onest'),
    url('OnestLight.woff') format('woff'),
    url('OnestLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Onest';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: local('Onest'),
    url('OnestRegular.woff') format('woff'),
    url('OnestRegular.ttf') format('truetype');
}

@font-face {
    font-family: 'Onest';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: local('Onest'),
    url('OnestMedium.woff') format('woff'),
    url('OnestMedium.ttf') format('truetype');
}

@font-face {
    font-family: 'Onest';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: local('Onest'),
    url('OnestBold.woff') format('woff'),
    url('OnestBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Onest';
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    src: local('Onest'),
    url('OnestExtraBold.woff') format('woff'),
    url('OnestExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Onest';
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    src: local('Onest'),
    url('OnestBlack.woff') format('woff'),
    url('OnestBlack.ttf') format('truetype');
}