JSFiddle - React, Tailwind, and code Playground
HTML
<span>Why doesn't this render correctly? -></span>
<span>a a</span>
CSS
@font-face {
font-family:'Gudea';
src: local('Gudea'), url(http://fonts.gstatic.com/s/gudea/v4/vdqjbwDaGCKQQgMmuQ16IIDGDUGfDkXyfkzVDelzfFk.woff2) format('woff2');
}
span {
display: inline-block;
font-family: Gudea;
text-rendering: optimizeLegibility;
}