@font-face {
  font-family: "DIN Alternate";
  src:
    url("subset-DINAlternate-Bold.woff") format("woff"),
    url("subset-DINAlternate-Bold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Avenir Roman";
  src:
    url("subset-Avenir-Roman.woff") format("woff"),
    url("subset-Avenir-Roman.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url("IBMPlexMono-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Bebas Neue";
  src:
    url("BebasNeue-Regular.woff2") format("woff2"),
    url("BebasNeue-Regular.woff") format("woff"),
    url("BebasNeue-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "HarmonyOS";
  src: url("HarmonyOS/Sans_Medium.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "HarmonyOS";
  font-weight: 300;
  src: url("HarmonyOS/Sans_Light.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "HarmonyOS";
  font-weight: 400;
  src: url("HarmonyOS/Sans_Regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "HarmonyOS";
  font-weight: 500;
  src: url("HarmonyOS/Sans_Medium.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "HarmonyOS";
  font-weight: 700;
  src: url("HarmonyOS/Sans_Bold.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "HarmonyOS";
  font-weight: bold;
  src: url("HarmonyOS/Sans_Bold.woff2") format("woff2");
  font-display: swap;
}