@font-face {
  font-family: "Family";
  src: url("/assets/fonts/test-family-regular.woff2") format("woff2");
  font-weight: 400;
}

@font-face {
  font-family: "Family";
  src: url("/assets/fonts/test-family-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Family";
  src: url("/assets/fonts/test-family-medium.woff2") format("woff2");
  font-weight: 500;
}

@font-face {
  font-family: "Family";
  src: url("/assets/fonts/test-family-medium-italic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Family";
  src: url("/assets/fonts/test-family-bold.woff2") format("woff2");
  font-weight: 700;
}

@font-face {
  font-family: "Family";
  src: url("/assets/fonts/test-family-bold-italic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Family";
  src: url("/assets/fonts/test-family-heavy.woff2") format("woff2");
  font-weight: 800;
}

@font-face {
  font-family: "Family";
  src: url("/assets/fonts/test-family-heavy-italic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "Söhne";
  src: url("/assets/fonts/soehne-buch.woff2") format("woff2");
  font-weight: 400;
}

@font-face {
  font-family: "Söhne";
  src: url("/assets/fonts/soehne-buch-kursiv.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Söhne";
  src: url("/assets/fonts/soehne-dreiviertelfett.woff2") format("woff2");
  font-weight: 700;
}

@font-face {
  font-family: "Söhne";
  src: url("/assets/fonts/soehne-dreiviertelfett-kursiv.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}