@font-face {
  font-family: montRegular;
  src: url(./fonts/Mont-Regular.v1.otf) format("opentype");
}

@font-face {
  font-family: montBold;
  src: url(./fonts/Mont-Bold.v1.otf) format("opentype");
  font-weight: bold;
}

@font-face {
  font-family: montSemiBold;
  src: url(./fonts/Mont-SemiBold.v1.otf) format("opentype");
  font-weight: bold;
}

/* 
 * The above font faces will be deprecated soon. If the fonts are combined this 
 * way, the fonts will be able to have variants depending on their font weights.
 */
@font-face {
  font-family: montFamily;
  src: url(./fonts/Mont-Regular.v1.otf) format("opentype");
  font-weight: 400;
}

@font-face {
  font-family: montFamily;
  src: url(./fonts/Mont-SemiBold.v1.otf) format("opentype");
  font-weight: 600;
}

@font-face {
  font-family: montFamily;
  src: url(./fonts/Mont-Bold.v1.otf) format("opentype");
  font-weight: 700;
}