/* ============================
   NORMAL (upright)
   ============================ */

@font-face {
  font-family: "Telegraf";
  src: url("../fonts/PPTelegraf-Ultralight.woff2") format("woff2"),
       url("../fonts/PPTelegraf-Ultralight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Telegraf";
  src: url("../fonts/PPTelegraf-Regular.woff2") format("woff2"),
       url("../fonts/PPTelegraf-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Telegraf";
  src: url("../fonts/PPTelegraf-Ultrabold.woff2") format("woff2"),
       url("../fonts/PPTelegraf-Ultrabold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}


/* ============================
   OBLIQUE (true italic)
   ============================ */

@font-face {
  font-family: "Telegraf";
  src: url("../fonts/PPTelegraf-UltralightOblique.woff2") format("woff2"),
       url("../fonts/PPTelegraf-UltralightOblique.woff") format("woff");
  font-weight: 200;
  font-style: oblique;
}

@font-face {
  font-family: "Telegraf";
  src: url("../fonts/PPTelegraf-RegularOblique.woff2") format("woff2"),
       url("../fonts/PPTelegraf-RegularOblique.woff") format("woff");
  font-weight: 400;
  font-style: oblique;
}

@font-face {
  font-family: "Telegraf";
  src: url("../fonts/PPTelegraf-UltraboldOblique.woff2") format("woff2"),
       url("../fonts/PPTelegraf-UltraboldOblique.woff") format("woff");
  font-weight: 800;
  font-style: oblique;
}


/* ============================
   SLANTED (angled but not italic)
   ============================ */

@font-face {
  font-family: "Telegraf";
  src: url("../fonts/PPTelegraf-UltralightSlanted.woff2") format("woff2"),
       url("../fonts/PPTelegraf-UltralightSlanted.woff") format("woff");
  font-weight: 200;
  font-style: oblique 10deg;
}

@font-face {
  font-family: "Telegraf";
  src: url("../fonts/PPTelegraf-RegularSlanted.woff2") format("woff2"),
       url("../fonts/PPTelegraf-RegularSlanted.woff") format("woff");
  font-weight: 400;
  font-style: oblique 10deg;
}

@font-face {
  font-family: "Telegraf";
  src: url("../fonts/PPTelegraf-UltraboldSlanted.woff2") format("woff2"),
       url("../fonts/PPTelegraf-UltraboldSlanted.woff") format("woff");
  font-weight: 800;
  font-style: oblique 10deg;
}