/* font-display: swap shows the text in a system font at once and switches when the font arrives
   (without it phones show no text for up to 3 s while the fonts download). */

/* inter  */
@font-face {
    font-family: "Inter";
    font-display: swap;
    src:
      url("../fonts/Inter/Inter-Regular.ttf") format("truetype")
}

@font-face {
    font-family: "Inter-light";
    font-display: swap;
    src:
      url("../fonts/Inter/Inter-Light.ttf") format("truetype")
}

@font-face {
    font-family: "Inter-regular";
    font-display: swap;
    src:
      url("../fonts/Inter/Inter-Regular.ttf") format("truetype")
}

/* "Inter-medium" pointed at Inter-medium.ttf, which doesn't exist (the file is Inter-Medium.ttf): every page fetched a
   404 page for it and showed that text in the fallback, Helvetica-medium. The face is removed, so the text looks the
   same and the request is gone. */

@font-face {
  font-family: "Inter-bold";
  font-display: swap;
  src:
    url("../fonts/Inter/Inter-Bold.ttf") format("truetype")
}

/* Was "Inter-black.ttf" (no such file), so the 404 page's big "404" showed in a serif font. Only that page uses it,
   and browsers fetch a font only where it is used. */
@font-face {
  font-family: "Inter-black";
  font-display: swap;
  src:
    url("../fonts/Inter/Inter-Black.ttf") format("truetype")
}

@font-face {
    font-family: "Inter-extrabold";
    font-display: swap;
    src:
      url("../fonts/Inter/Inter-ExtraBold.ttf") format("truetype")
}



/* helvetica (also has the Georgian letters; Inter has none) */

@font-face {
    font-family: "Helvetica-light";
    font-display: swap;
    src:
      url("../fonts/Helvetica/HelveticaNeue-Light.ttf") format("truetype"),
      url("../fonts/Helvetica/HelveticaNeue-Light.woff") format("woff")
}

@font-face {
    font-family: "Helvetica-regular";
    font-display: swap;
    src:
      url("../fonts/Helvetica/HelveticaNeue.ttf") format("truetype"),
      url("../fonts/Helvetica/HelveticaNeue.woff") format("woff")
}
@font-face {
    font-family: "Helvetica-medium";
    font-display: swap;
    src:
      url("../fonts/Helvetica/HelveticaNeue-Medium.ttf") format("truetype"),
      url("../fonts/Helvetica/HelveticaNeue-Medium.woff") format("woff")
}
@font-face {
    font-family: "Helvetica-bold";
    font-display: swap;
    src:
      url("../fonts/Helvetica/HelveticaNeue-Bold.ttf") format("truetype"),
      url("../fonts/Helvetica/HelveticaNeue-Bold.woff") format("woff")
}