/* normal */
@font-face {
  font-family: "AudiType";
  src: url("auditype-normal.eot");
  src: url("auditype-normal.eot") format("embedded-opentype"),
    url("auditype-normal.woff") format("woff"),
    url("auditype-normal.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}

/* extended normal */
@font-face {
  font-family: "AudiType";
  src: url("auditype-extendednormal.eot");
  src: url("auditype-extendednormal.eot") format("embedded-opentype"),
    url("auditype-extendednormal.woff") format("woff"),
    url("auditype-extendednormal.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
}

/* bold */
@font-face {
  font-family: "AudiType";
  src: url("auditype-bold.eot");
  src: url("auditype-bold.eot") format("embedded-opentype"),
    url("auditype-bold.woff") format("woff"),
    url("auditype-bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  text-rendering: optimizeLegibility;
}

/* extended-bold */
@font-face {
  font-family: "AudiType";
  src: url("auditype-extendedbold.eot");
  src: url("auditype-extendedbold.eot") format("embedded-opentype"),
    url("auditype-extendedbold.woff") format("woff"),
    url("auditype-extendedbold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-weight: 400 700;
  font-family: "AudiType";
  font-style: normal;
  font-stretch: 100% 130%;
  src: url(https://assets.audi.com/audi-fonts/1/AudiTypeVF.woff2)
    format("woff2-variations");
  font-display: swap;
}

@font-face {
  font-family: "audi-iconfont-3.18";
  src: url(https://react.ui.audi/assets/webfonts/icon/audi-iconfont_3.18.woff2)
    format("woff2-variations");
  font-display: block;
  font-weight: normal;
  font-style: normal;
}