JSFiddle - React, Tailwind, and code Playground

by JamesKyle

HTML

<h1>CoachUp</h1>
<p class="tk-ff-tisa-web-pro">Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vestibulum id ligula porta felis euismod semper. Nullam quis risus eget urna mollis ornare vel eu leo. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla.</p>

CSS

body {
    font-family: "FF Tisa Web Pro";
    font-size: 2em;
}

h1 {
    font-family: "Maven Pro";
}

JavaScript

function async(src) {
  var d = document, t = 'script',
      o = d.createElement(t),
      s = d.getElementsByTagName(t)[0];
  o.src = '//' + src;
  s.parentNode.insertBefore(o, s);
}

WebFontConfig = {
     google: { families: ['Maven Pro'] },
    typekit: { id: 'aqc6qet' }
};

async('ajax.googleapis.com/ajax/libs/webfont/1/webfont.js');