EMOTIQ - Moderner & futuristischer Sans

@font-face {
  font-family: "EMOTIQ-Bold";
  src: url("./EMOTIQ-Bold.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "EMOTIQ-Outline";
  src: url("./EMOTIQ-Outline.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "EMOTIQ-OutlineBold";
  src: url("./EMOTIQ-OutlineBold.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "EMOTIQ-OutlineSlant";
  src: url("./EMOTIQ-OutlineSlant.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "EMOTIQ-OutlineSlantBold";
  src: url("./EMOTIQ-OutlineSlantBold.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "EMOTIQ-Regular";
  src: url("./EMOTIQ-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "EMOTIQ-Slant";
  src: url("./EMOTIQ-Slant.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "EMOTIQ-SlantBold";
  src: url("./EMOTIQ-SlantBold.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "EMOTIQ-Stencil";
  src: url("./EMOTIQ-Stencil.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "EMOTIQ-StencilBold";
  src: url("./EMOTIQ-StencilBold.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "EMOTIQ-StencilOutline";
  src: url("./EMOTIQ-StencilOutline.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "EMOTIQ-StencilOutlineBold";
  src: url("./EMOTIQ-StencilOutlineBold.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "EMOTIQ-StencilOutlineSlant";
  src: url("./EMOTIQ-StencilOutlineSlant.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "EMOTIQ-StencilOutlineSlantBold";
  src: url("./EMOTIQ-StencilOutlineSlantBold.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "EMOTIQ-StencilSlant";
  src: url("./EMOTIQ-StencilSlant.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "EMOTIQ-StencilSlantBold";
  src: url("./EMOTIQ-StencilSlantBold.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

Self-host the font files from your download. Commercial license → licensing.