/*@font-face {
    font-family: 'sf';
    font-weight: 100;
    src: url("SFUIDisplay-Regular.woff2?v=3.18") format("woff2");
}*/

@font-face {
    font-family: 'sf';
    font-weight: 100;
    src: url("SFUIDisplay-Ultralight.otf") format("opentype");
}

@font-face {
    font-family: 'sf';
    font-weight: 200;
    src: url("SFUIDisplay-Thin.otf") format("opentype");
}

@font-face {
    font-family: 'sf';
    font-weight: 300;
    src: url("SFUIDisplay-Light.ttf") format("truetype");
}

@font-face {
    font-family: 'sf';
    font-weight: 400;
    src: url("SFUIDisplay-Regular.otf") format("opentype");
}

@font-face {
    font-family: 'sf';
    font-weight: 500;
    src: url("SFUIDisplay-Medium.otf") format("opentype");
}

@font-face {
    font-family: 'sf';
    font-weight: 600;
    src: url("SFUIDisplay-Semibold.otf") format("opentype");
}

@font-face {
    font-family: 'sf';
    font-weight: 700;
    src: url("SFUIDisplay-Bold.ttf") format("truetype");
}

@font-face {
    font-family: 'sf';
    font-weight: 800;
    src: url("SFUIDisplay-Heavy.otf") format("opentype");
}

@font-face {
    font-family: 'sf';
    font-weight: 900;
    src: url("SFUIDisplay-Black.otf") format("opentype");
}

/*@font-face {
    //font-family: 'Inter var';
    font-family: 'sf';
    font-weight: 600 900;
    font-named-instance: 'Bold;'
    src: url("SFUIDisplay-Bold.woff2?v=3.18") format("woff2");
}*/