JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script>
<div id="test">This font is using font-face.</div>

CSS

#test {
    font-family: LeagueGothicRegular, Arial;
}

JavaScript

WebFont.load({
    custom: {
        families: ['LeagueGothicRegular'],
        urls: ['http://www.zachleat.com/bigtext/demo/css/league-gothic/stylesheet.css']
    },
    active: function() {
        alert('Is the font visible?');
    }
});