@font-face {
  font-family: "Literata";
  src: url("/fonts/Literata-VF.ttf") format("truetype-variations");
  font-weight: 200 900;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Literata";
  src: url("/fonts/Literata-Italic-VF.ttf") format("truetype-variations");
  font-weight: 200 900;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: "Hanken Grotesk";
  src: url("/fonts/HankenGrotesk-VF.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Hanken Grotesk";
  src: url("/fonts/HankenGrotesk-Italic-VF.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: "EB Garamond";
  src: url("/fonts/EBGaramond-VF.ttf") format("truetype-variations");
  font-weight: 400 800;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "EB Garamond";
  src: url("/fonts/EBGaramond-Italic-VF.ttf") format("truetype-variations");
  font-weight: 400 800;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: "Lora";
  src: url("/fonts/Lora-VF.ttf") format("truetype-variations");
  font-weight: 400 700;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Lora";
  src: url("/fonts/Lora-Italic-VF.ttf") format("truetype-variations");
  font-weight: 400 700;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: "Source Serif 4";
  src: url("/fonts/SourceSerif4-VF.ttf") format("truetype-variations");
  font-weight: 200 900;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Source Serif 4";
  src: url("/fonts/SourceSerif4-Italic-VF.ttf") format("truetype-variations");
  font-weight: 200 900;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: "Fraunces";
  src: url("/fonts/Fraunces-VF.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Fraunces";
  src: url("/fonts/Fraunces-Italic-VF.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-style: italic;
  font-display: block;
}