@font-face {
  font-family: "HarmonyOS Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src: url(../font/HarmonyOS_Sans/HarmonyOS_Sans_Thin.html) format("woff2"),
  url(../font/HarmonyOS_Sans/HarmonyOS_Sans_Thin-2.html) format("truetype");
}

@font-face {
  font-family: "HarmonyOS Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(../font/HarmonyOS_Sans/HarmonyOS_Sans_Light.html) format("woff2"),
  url(../font/HarmonyOS_Sans/HarmonyOS_Sans_Light-2.html) format("truetype");
}

@font-face {
  font-family: "HarmonyOS Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../font/HarmonyOS_Sans/HarmonyOS_Sans_Regular.html) format("woff2"),
  url(../font/HarmonyOS_Sans/HarmonyOS_Sans_Regular-2.html) format("truetype");
}

@font-face {
  font-family: "HarmonyOS Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(../font/HarmonyOS_Sans/HarmonyOS_Sans_Medium.html) format("woff2"),
  url(../font/HarmonyOS_Sans/HarmonyOS_Sans_Medium-2.html) format("truetype");
}

@font-face {
  font-family: "HarmonyOS Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(../font/HarmonyOS_Sans/HarmonyOS_Sans_Bold.html) format("woff2"),
  url(../font/HarmonyOS_Sans/HarmonyOS_Sans_Bold-2.html) format("truetype");
}

@font-face {
  font-family: "HarmonyOS Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(../font/HarmonyOS_Sans/HarmonyOS_Sans_Black.html) format("woff2"),
  url(../font/HarmonyOS_Sans/HarmonyOS_Sans_Black-2.html) format("truetype");
}