JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Sample</title>
    <link href='http://fonts.googleapis.com/css?family=Corben:700' rel='stylesheet' type='text/css'>
</head>
<body>
    <p id="logo">Hidden Logo</p>
    <h1>Random Page Title</h1>
    <p>Anything of font-size &gt; 4px clears the bug</p>
    <h2>Another Page Title</h2>
</body>
</html>

CSS

body { background:yellow; margin:1em; padding:1em; }
h1, h2 { font-family: 'Corben', sans-serif; }
#logo { font-size:4px; }