JSFiddle - React, Tailwind, and code Playground

HTML

<h1>title</h1>

CSS

@font-face {
    font-weight: 900;
    font-style: normal;
    font-family: 'Lato';
    src: url('http://static.tumblr.com/cv6ot7o/LREnbhzla/lato-thin.eot');
    src: url('http://static.tumblr.com/cv6ot7o/LREnbhzla/lato-thin.eot?#iefix') format('eot'), url('http://static.tumblr.com/cv6ot7o/iQinbhzmp/lato-thin.woff') format('woff'), url('http://static.tumblr.com/cv6ot7o/Lxynbhzok/lato-thin.ttf') format('truetype'), url('http://static.tumblr.com/cv6ot7o/p2Anbj1jl/lato-thin.svg') format('svg');
}

h1 { 
    font-family: "Lato", "HelveticaNeue-UltraLight", "Helvetica Neue UltraLight", sans-serif;
    font-size: 4em;
     }