/* ==== Woff 2.0 ==== */

@font-face {
  font-family: "Oxanium-woff2";
  src: url("/assets/fonts/oxanium-latin-200-normal.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Oxanium-woff2";
  src: url("/assets/fonts/oxanium-latin-300-normal.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Oxanium-woff2";
  src: url("/assets/fonts/oxanium-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Oxanium-woff2";
  src: url("/assets/fonts/oxanium-latin-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Oxanium-woff2";
  src: url("/assets/fonts/oxanium-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Oxanium-woff2";
  src: url("/assets/fonts/oxanium-latin-700-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Oxanium-woff2";
  src: url("/assets/fonts/oxanium-latin-800-normal.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* ==== Woff 1.0 ==== */

@font-face {
  font-family: "Oxanium-woff";
  src: url("/assets/fonts/oxanium-latin-200-normal.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Oxanium-woff";
  src: url("/assets/fonts/oxanium-latin-300-normal.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Oxanium-woff";
  src: url("/assets/fonts/oxanium-latin-400-normal.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Oxanium-woff";
  src: url("/assets/fonts/oxanium-latin-500-normal.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Oxanium-woff";
  src: url("/assets/fonts/oxanium-latin-600-normal.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Oxanium-woff";
  src: url("/assets/fonts/oxanium-latin-700-normal.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Oxanium-woff";
  src: url("/assets/fonts/oxanium-latin-800-normal.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* ==== ttf variable ==== */

@font-face {
  font-family: "Oxanium";
  src: url("/assets/fonts/oxanium-latin-200-normal.ttf");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Oxanium";
  src: url("/assets/fonts/oxanium-latin-300-normal.ttf");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Oxanium";
  src: url("/assets/fonts/oxanium-latin-400-normal.ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Oxanium";
  src: url("/assets/fonts/oxanium-latin-500-normal.ttf");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Oxanium";
  src: url("/assets/fonts/oxanium-latin-600-normal.ttf");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Oxanium";
  src: url("/assets/fonts/oxanium-latin-700-normal.ttf");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Oxanium";
  src: url("/assets/fonts/oxanium-latin-800-normal.ttf");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* ==== ttf fallback ==== */

@font-face {
  font-family: "Oxanium-alt";
  src: url("/assets/fonts/oxanium-latin-400-normal.ttf");
  font-display: swap;
}