@font-face {
  font-weight: 400;
  font-family: DINPro;
  src: url("./DINPro-Medium.woff2") format("woff2");
  unicode-range: U+20-40;
}
@font-face {
  font-weight: 500;
  font-family: DINPro;
  src: url("./DINPro-Medium.woff2") format("woff2");
  unicode-range: U+20-40;
}
@font-face {
  font-weight: 600;
  font-family: DINPro;
  src: url("./DINPro-Bold.woff2") format("woff2"),
    url("./DINPro-Bold.woff") format("woff"),
    url("./DINPro-Bold.ttf") format("truetype");
  unicode-range: U+20-40;
}
@font-face {
  font-weight: 700;
  font-family: DINPro;
  src: url("./DINPro-Black.woff2") format("woff2"),
    url("./DINPro-Black.woff") format("woff"),
    url("./DINPro-Black.ttf") format("truetype");
  unicode-range: U+20-40;
}
@font-face {
  font-weight: 400;
  font-family: HarmonyOS_Sans;
  src: url("./HarmonyOS_Sans_Regular.woff2") format("woff2"),
    url("./HarmonyOS_Sans_Regular.woff") format("woff");
  unicode-range: U+0-1F, U+41-10FFFF;
}
@font-face {
  font-weight: 500;
  font-family: HarmonyOS_Sans;
  src: url("./HarmonyOS_Sans_Medium.woff2") format("woff2"),
    url("./HarmonyOS_Sans_Medium.woff") format("woff");
  unicode-range: U+0-1F, U+41-10FFFF;
}
@font-face {
  font-weight: 600;
  font-family: HarmonyOS_Sans;
  src: url("./HarmonyOS_Sans_Bold.woff2") format("woff2"),
    url("./HarmonyOS_Sans_Bold.woff") format("woff");
  unicode-range: U+0-1F, U+41-10FFFF;
}
html,
body {
  font-family: HarmonyOS_Sans, DINPro, "Helvetica Neue",
    "Hiragino Kaku Gothic Pro", Meiryo, Helvetica, PingFangSC, -apple-system,
    "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif !important;
}