@font-face {
    font-family: 'HS Black'; /* 自定义字体名称 */
    src: url('../fonts/HarmonyOS_Sans/HarmonyOS_Sans_Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* 避免布局偏移 */
}

@font-face {
    font-family: 'HS Bold'; /* 自定义字体名称 */
    src: url('../fonts/HarmonyOS_Sans/HarmonyOS_Sans_Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* 避免布局偏移 */
}

@font-face {
    font-family: 'HS Light'; /* 自定义字体名称 */
    src: url('../fonts/HarmonyOS_Sans/HarmonyOS_Sans_Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* 避免布局偏移 */
}

@font-face {
    font-family: 'HS Medium'; /* 自定义字体名称 */
    src: url('../fonts/HarmonyOS_Sans/HarmonyOS_Sans_Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* 避免布局偏移 */
}

@font-face {
    font-family: 'HS Regular'; /* 自定义字体名称 */
    src: url('../fonts/HarmonyOS_Sans/HarmonyOS_Sans_Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* 避免布局偏移 */
}

@font-face {
    font-family: 'HS Semibold'; /* 自定义字体名称 */
    src: url('../fonts/HarmonyOS_Sans/HarmonyOS_Sans_Semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* 避免布局偏移 */
}

@font-face {
    font-family: 'HS Thin'; /* 自定义字体名称 */
    src: url('../fonts/HarmonyOS_Sans/HarmonyOS_Sans_Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* 避免布局偏移 */
}