JSFiddle - React, Tailwind, and code Playground

by jessekinsman

HTML

<script src="&lt;link href=&#39;http://fonts.googleapis.com/css?family=Magra:700,400&#39; rel=&#39;stylesheet&#39; type=&#39;text/css&#39;&gt;"></script>

<h1>header 1</h1>
<h2>header 2</h2>
<h3>header 3</h3>
<h4>header 4</h4>
<h5>header 5</h5>
<h6>header 6</h6>

CSS

body {font-size: 16px;}
h1, h2 ,h3, h4, h5, h6 {
    font-family: 'Magra', 'Calibri', Verdana, sans-serif;
}
h1 {font-size: 2.5em; font-weight: 400;}
h2 {font-size: 2.5em; font-weight: 700;}
h3 {font-size: 1.6em; font-weight: 400; text-transform: uppercase;}
h4 {font-size: 1.6em; font-weight: 700;}
h5 {font-size: 1.3em; font-weight: 700;}
h6 {font-size: 1.3em; font-weight: 400;}