/**
 * 100 - Thin
 * 200 - Extra Light (Ultra Light)
 * 300 - Light
 * 400 - Regular (Normal、Book、Roman)
 * 500 - Medium
 * 600 - Semi Bold (Demi Bold)
 * 700 - Bold
 * 800 - Extra Bold (Ultra Bold)
 * 900 - Black (Heavy)
 */
@font-face {
    font-family: "HarmonyOS_Sans";
    src: url("HarmonyOS_Sans_SC_Thin.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 100;
}
@font-face {
    font-family: "HarmonyOS_Sans";
    src: url("HarmonyOS_Sans_SC_Light.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: light;
}
@font-face {
    font-family: "HarmonyOS_Sans";
    src: url("HarmonyOS_Sans_SC_Light.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: "HarmonyOS_Sans";
    src: url("HarmonyOS_Sans_SC_Regular.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "HarmonyOS_Sans";
    src: url("HarmonyOS_Sans_SC_Regular.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "HarmonyOS_Sans";
    src: url("HarmonyOS_Sans_SC_Medium.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: "HarmonyOS_Sans";
    src: url("HarmonyOS_Sans_SC_Bold.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: bold;
}

@font-face {
    font-family: "HarmonyOS_Sans";
    src: url("HarmonyOS_Sans_SC_Bold.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 700;
}