JSFiddle - React, Tailwind, and code Playground

HTML

<link href='http://fonts.googleapis.com/css?family=Coda:800' rel='stylesheet' type='text/css'>

    <h1 class="impact"><em>Impact</em> vs Coda</h1>
    <h1 class="coda">Impact vs <em>Coda</em></h1>

CSS

.impact {
  font-family: 'Impact', sans-serif;
}

.coda {
    font-family: 'Coda', sans-serif;
}

em {
    font-style:normal;
     text-decoration: underline;
}