@font-face {
    font-family: 'OPPOSans-Bold';
    src: local("HelveticaNeue"),
        local("Arial Bold"),
        local("Roboto"),
        local("sans-serif");
    font-style: normal;
    font-weight:800;
    font-display: swap
}

@font-face {
    font-family: 'OPPOSans-Heavy';
    src: local("HelveticaNeue"),
        local("Arial Black"),
        local("Roboto"),
        local("sans-serif");
    font-style: normal;
    font-weight:900;
    font-display: swap
}

@font-face {
    font-family: 'OPPOSans-Medium';
    src: local("HelveticaNeue"),
        local("Arial"),
        local("Roboto"),
        local("sans-serif");
    font-style: normal;
    font-weight:500;
    font-display: swap
}

@font-face {
    font-family: 'OPPOSans-Regular';
    src: local("HelveticaNeue"),
        local("Arial"),
        local("Roboto"),
        local("sans-serif");
    font-style: normal;
    font-weight:400;
    font-display: swap
}

@font-face {
    font-family: 'OPPOSans-Light';
    src: local("HelveticaNeue"),
        local("Arial Narrow"),
        local("Roboto"),
        local("sans-serif");
    font-style: normal;
    font-weight:300;
    font-display: swap
}