@font-face {
  font-family: "Computer Modern Typewriter Variable";
  src: url("cmunvt.eot");
  src: url("cmunvt.eot?#iefix") format("embedded-opentype"),
    url("cmunvt.woff") format("woff"), url("cmunvt.ttf") format("truetype"),
    url("cmunvt.svg#cmuntt") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Computer Modern Typewriter Variable";
  src: url("cmunvi.eot");
  src: url("cmunvi.eot?#iefix") format("embedded-opentype"),
    url("cmunvi.woff") format("woff"), url("cmunvi.ttf") format("truetype"),
    url("cmunvi.svg#cmunvi") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: "Fairfax Pona HD";
  src: url("FairfaxPonaHD.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("AtkinsonHyperlegible-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("AtkinsonHyperlegible-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("AtkinsonHyperlegible-BoldRegular.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("AtkinsonHyperlegible-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: block;
}