@font-face {
    font-family: "SF-Pro-Display-Black";
    src: url('https://cdn.jsdelivr.net/gh/cuonghoang741/libs@main/font/SF-Pro-Display/SF-Pro-Display-Black.otf') format("truetype");
}

@font-face {
    font-family: "SF-Pro-Display-BlackItalic";
    src: url('https://cdn.jsdelivr.net/gh/cuonghoang741/libs@main/font/SF-Pro-Display/SF-Pro-Display-BlackItalic.otf') format("truetype");
}

@font-face {
    font-family: "SF-Pro-Display-Heavy";
    src: url('https://cdn.jsdelivr.net/gh/cuonghoang741/libs@main/font/SF-Pro-Display/SF-Pro-Display-Heavy.otf') format("truetype");
}

@font-face {
    font-family: "SF-Pro-Display-HeavyItalic";
    src: url('https://cdn.jsdelivr.net/gh/cuonghoang741/libs@main/font/SF-Pro-Display/SF-Pro-Display-HeavyItalic.otf') format("truetype");
}

@font-face {
    font-family: "SF-Pro-Display-Light";
    src: url('https://cdn.jsdelivr.net/gh/cuonghoang741/libs@main/font/SF-Pro-Display/SF-Pro-Display-Light.otf') format("truetype");
}

@font-face {
    font-family: "SF-Pro-Display-LightItalic";
    src: url('https://cdn.jsdelivr.net/gh/cuonghoang741/libs@main/font/SF-Pro-Display/SF-Pro-Display-LightItalic.otf') format("truetype");
}

@font-face {
    font-family: "SF-Pro-Display-MediumItalic";
    src: url('https://cdn.jsdelivr.net/gh/cuonghoang741/libs@main/font/SF-Pro-Display/SF-Pro-Display-MediumItalic.otf') format("truetype");
}

@font-face {
    font-family: "SF-Pro-Display-Bold";
    src: url('https://cdn.jsdelivr.net/gh/cuonghoang741/libs@main/font/SF-Pro-Display/SF-Pro-Display-Bold.otf') format("truetype");
}


.f-sf-bold {
    font-family: "SF-Pro-Display-Bold";
}

.f-sf-black {
    font-family: "SF-Pro-Display-Black";
}

.f-sf-black-italic {
    font-family: "SF-Pro-Display-BlackItalic";
}

.f-sf-heavy {
    font-family: "SF-Pro-Display-Heavy";
}

.f-sf-heavy-italic {
    font-family: "SF-Pro-Display-HeavyItalic";
}

.f-sf-light {
    font-family: "SF-Pro-Display-Light";
}

.f-sf-light-italic {
    font-family: "SF-Pro-Display-LightItalic";
}

.f-sf-medium-italic {
    font-family: "SF-Pro-Display-MediumItalic";
}

@font-face {
    font-family: "SF-Pro-Display-Regular";
    src: url('https://cdn.jsdelivr.net/gh/cuonghoang741/libs@main/font/SF-Pro-Display/SF-Pro-Display-Regular.otf') format("truetype");
}

.f-sf-regular {
    font-family: "SF-Pro-Display-Regular";
}

@font-face {
    font-family: "SF-Pro-Display-RegularItalic";
    src: url('https://cdn.jsdelivr.net/gh/cuonghoang741/libs@main/font/SF-Pro-Display/SF-Pro-Display-RegularItalic.otf') format("truetype");
}

.f-sf-regular-italic {
    font-family: "SF-Pro-Display-RegularItalic";
}

@font-face {
    font-family: "SF-Pro-Display-Semibold";
    src: url('https://cdn.jsdelivr.net/gh/cuonghoang741/libs@main/font/SF-Pro-Display/SF-Pro-Display-Semibold.otf') format("truetype");
}

.f-sf-semibold {
    font-family: "SF-Pro-Display-Semibold";
}

@font-face {
    font-family: "SF-Pro-Display-SemiboldItalic";
    src: url('https://cdn.jsdelivr.net/gh/cuonghoang741/libs@main/font/SF-Pro-Display/SF-Pro-Display-SemiboldItalic.otf') format("truetype");
}

.f-sf-semibold-italic {
    font-family: "SF-Pro-Display-SemiboldItalic";
}

@font-face {
    font-family: "SF-Pro-Display-Thin";
    src: url('https://cdn.jsdelivr.net/gh/cuonghoang741/libs@main/font/SF-Pro-Display/SF-Pro-Display-Thin.otf') format("truetype");
}

.f-sf-thin {
    font-family: "SF-Pro-Display-Thin";
}

@font-face {
    font-family: "SF-Pro-Display-ThinItalic";
    src: url('https://cdn.jsdelivr.net/gh/cuonghoang741/libs@main/font/SF-Pro-Display/SF-Pro-Display-ThinItalic.otf') format("truetype");
}

.f-sf-thin-italic {
    font-family: "SF-Pro-Display-ThinItalic";
}

@font-face {
    font-family: "SF-Pro-Display-Ultralight";
    src: url('https://cdn.jsdelivr.net/gh/cuonghoang741/libs@main/font/SF-Pro-Display/SF-Pro-Display-Ultralight.otf') format("truetype");
}

.f-sf-ultralight {
    font-family: "SF-Pro-Display-Ultralight";
}

@font-face {
    font-family: "SF-Pro-Display-UltralightItalic";
    src: url('https://cdn.jsdelivr.net/gh/cuonghoang741/libs@main/font/SF-Pro-Display/SF-Pro-Display-UltralightItalic.otf') format("truetype");
}

.f-sf-ultralight-italic {
    font-family: "SF-Pro-Display-UltralightItalic";
}