JSFiddle - React, Tailwind, and code Playground

HTML

<html>
   <head>
    <style>
        @font-face {font-family: "Johnston ITC";
            src: url("//db.onlinewebfonts.com/t/9e4ee8bdd2b9e501b34e033920bdf36d.eot");
            src: url("//db.onlinewebfonts.com/t/9e4ee8bdd2b9e501b34e033920bdf36d.eot?#iefix") format("embedded-opentype"),
            url("//db.onlinewebfonts.com/t/9e4ee8bdd2b9e501b34e033920bdf36d.woff2") format("woff2"),
            url("//db.onlinewebfonts.com/t/9e4ee8bdd2b9e501b34e033920bdf36d.woff") format("woff"),
            url("//db.onlinewebfonts.com/t/9e4ee8bdd2b9e501b34e033920bdf36d.ttf") format("truetype"),
            url("//db.onlinewebfonts.com/t/9e4ee8bdd2b9e501b34e033920bdf36d.svg#Johnston ITC Std") format("svg");
        }
      h1 {
         font-family: "Johnston ITC"
      }
    </style>
   </head>
   <body>
      <h1>Hey, June</h1>
   </body>
</html>