JSFiddle - React, Tailwind, and code Playground

HTML

<div id = "testDiv">CUSTOM FONT</div>

CSS

@font-face 
{
    font-family: 'EndzoneSansLight';
    src: url('//:') format('no404'),
        url('http://i.nflcdn.com/static/site/4.0/img/fonts/endzone-sans/light.eot?#iefix') format('eot'),
        url('http://i.nflcdn.com/static/site/4.0/img/fonts/endzone-sans/light.woff') format('woff'),
        url('http://i.nflcdn.com/static/site/4.0/img/fonts/endzone-sans/light.ttf') format('truetype'),
        url('http://i.nflcdn.com/static/site/4.0/img/fonts/endzone-sans/light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

#testDiv
{
    font-family:EndzoneSansLight;
    font-size:18px;
    color:#FF0000;
}