@font-face {
  font-family: "Metropolis";
  src: url("/assets/fonts/subset-Metropolis-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Metropolis";
  src: url("/assets/fonts/subset-Metropolis-RegularItalic.woff2")
    format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: "Metropolis";
  src: url("/assets/fonts/subset-Metropolis-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Metropolis";
  src: url("/assets/fonts/subset-Metropolis-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: block;
}

/* prospectus */

@font-face {
  font-family: "Prospectus Pro M";
  src: url("/assets/fonts/subset-ProspectusProM-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Prospectus Pro M";
  src: url("/assets/fonts/subset-ProspectusProM-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Prospectus Pro M";
  src: url("/assets/fonts/subset-ProspectusProM-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Prospectus Pro M";
  src: url("/assets/fonts/subset-ProspectusProM-BoldItalic.woff2")
    format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}