JSFiddle - React, Tailwind, and code Playground

by the94air

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Flowtype.js/1.1.0/flowtype.min.js"></script>
<p>Esse harum quos et dolorem voluptatum placeat, venenatis, cupiditate pellentesque! Enim voluptate! Expedita! Sociosqu dolorum dolor mus nullam? Debitis sed? Egestas? Cupidatat voluptate eos, commodo eaque, tellus, fames id voluptate, omnis volutpat, aenean
   netus reiciendis luctus? Atque, proin aut corporis nostrud duis, recusandae molestias. Hic nullam explicabo magnis placeat a. Nullam class, proin facere cillum anim quas consequatur faucibus phasellus.</p>

CSS

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
body {
   font-family: 'Source Sans Pro', sans-serif;
   font-size: 18px;
}
h1,h2,h3,h4,h5,h6,p {
   line-height: 1.45;
}

p {
   font-size: 18px;
}

JavaScript

$('body').flowtype({
   minimum: 320,
   maximum: 1200,
   minFont: 12,
   maxFont: 40,
   fontRatio: 30
});