/*light*/
@font-face {
    font-family: 'FibraOne';
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/FibraOne-Light.otf');
}

@font-face {
    font-family: 'FibraOne';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/FibraOne-Light.otf');
}

/*normal*/
@font-face {
    font-family: 'FibraOne';
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/FibraOne-Regular.otf');
}

@font-face {
    font-family: 'FibraOne';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/FibraOne-Regular.otf');
}

/*bold*/
@font-face {
    font-family: 'FibraOne';
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/FibraOne-Bold.otf');
}

@font-face {
    font-family: 'FibraOne';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/FibraOne-Bold.otf');
}

/*really bold*/
@font-face {
    font-family: 'FibraOne';
    font-weight: 900;
    font-display: swap;
    src: url('../fonts/FibraOne-UltraBold.otf');
}

@font-face {
    font-family: 'FibraOne';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url('../fonts/FibraOne-UltraBold.otf');
}