@font-face {
    font-family: 'Roboto';
    src: url('./Roboto-100.woff') format('woff');
    font-style: normal;
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('./Roboto-300.woff') format('woff');
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('./Roboto-400.woff') format('woff');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('./Roboto-500.woff') format('woff');
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('./Roboto-700.woff') format('woff');
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('./Roboto-900.woff') format('woff');
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: local('DINPro'), local('DIN Pro'), url('./DINPro.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'DINCond-Bold';
    src:  url('./DINCond-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'ZonaPro';
    src:  url('./ZonaPro-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'ZonaHalfBold';
    src:  url('./Zona-half-bold.ttf') format('truetype');
}

@font-face {
    font-family: 'ZonaBold';
    src:  url('./Zona-half-bold.otf') format('opentype');
}

@font-face {
    font-family: 'Alimama';
    src:  url('./alimama.ttf') format('opentype');
}

@font-face {
    font-family: 'Hyjx';
    src:  url('./hyjx.ttf') format('opentype');
}

@font-face {
    font-family: 'Harmonos';
    src:  url('./os.ttf') format('opentype');
}