JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Hello.</h1>

CSS

@font-face {
  font-family: "MyriadProLight";
  src: url("http://yz.mit.edu/fonts/myriadpro-light-webfont.eot");
  src: local("?"), url("http://yz.mit.edu/fonts/myriadpro-light-webfont.woff")
  format("woff"), url("http://yz.mit.edu/fonts/myriadpro-light-webfont.ttf")
  format("truetype"),
  url("http://yz.mit.edu/fonts/myriadpro-light-webfont.svg#webfont2SBUkD9p")
  format("svg");
  font-weight: normal;
  font-style: normal; }
    h1 { margin-top: 20px; font-weight: normal; background-color: #eee;
      font-family: MyriadProLight; font-size: 128px; line-height: 1; }