JSFiddle - React, Tailwind, and code Playground

by mrcl

CSS

@font-face {
  font-family: TheMix;
  src: url(../fonts/TheMixC5-3_Light.woff2) format("woff2"), url(../fonts/TheMixB3-3_Light.woff) format("woff");
  font-weight: 300;
  font-display: swap;
  font-style: normal
}

@font-face {
  font-family: TheMix;
  src: url(../fonts/TheMixC5-4_SemiLight.woff2) format("woff2"), url(../fonts/TheMixB3-4_SemiLight.woff) format("woff");
  font-weight: 400;
  font-display: swap;
  font-style: normal
}

@font-face {
  font-family: TheMix;
  src: url(../fonts/TheMixC5-5_Plain.woff2) format("woff2"), url(../fonts/TheMixB3-5_Plain.woff) format("woff");
  font-weight: 500;
  font-display: swap;
  font-style: normal
}

@font-face {
  font-family: TheMix;
  src: url(../fonts/TheMixC5-6_SemiBold.woff2) format("woff2"), url(../fonts/TheMixB3-6_SemiBold.woff) format("woff");
  font-weight: 600;
  font-display: swap;
  font-style: normal
}

@font-face {
  font-family: TheMix;
  src: url(../fonts/TheMixC5-7_Bold.woff2) format("woff2"), url(../fonts/TheMixC5-7_Bold.woff) format("woff");
  font-weight: 700;
  font-display: swap;
  font-style: normal
}

@font-face {
  font-family: TheMix;
  src: url(../fonts/TheMixC5-8_ExtraBold.woff2) format("woff2"), url(../fonts/TheMixC5-8_ExtraBold.woff) format("woff");