@font-face {
    font-family: 'myfont';
    font-weight: 250;
    src: url("../fonts/250.otf") format("opentype");
}

@font-face {
    font-family: 'myfont';
    font-weight: 275;
    src: url("../fonts/275.otf") format("opentype");
}

@font-face {
    font-family: 'myfont';
    font-weight: 300;
    src: url("../fonts/300.otf") format("opentype");
}

@font-face {
    font-family: 'myfont';
    font-weight: 400;
    src: url("../fonts/400.otf") format("opentype");
}

@font-face {
    font-family: 'myfont';
    font-weight: 500;
    src: url("../fonts/500.otf") format("opentype");
}

@font-face {
    font-family: 'myfont';
    font-weight: 600;
    src: url("../fonts/600.otf") format("opentype");
}

@font-face {
    font-family: 'myfont';
    font-weight: 700;
    src: url("../fonts/700.otf") format("opentype");
}

@font-face {
    font-family: 'myfont';
    font-weight: 800;
    src: url("../fonts/800.otf") format("opentype");
}

@font-face {
    font-family: 'myfont';
    font-weight: 900;
    src: url("../fonts/900.otf") format("opentype");
}

html,
body {
    font-family: myfont, serif !important;
}