JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<h1>Test Heading</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin accumsan dapibus massa vitae rhoncus. Quisque nunc mi, mollis a ultrices in, pretium vitae odio. Aliquam viverra congue dui, semper hendrerit est lacinia eget. Cras adipiscing, enim in consectetur congue, urna enim fringilla mi, vitae iaculis orci enim nec magna. Morbi a nulla sed velit molestie interdum at et leo. Vivamus nec nunc egestas, tempus tortor vitae, vestibulum ante. Mauris non fringilla nisi. Maecenas porttitor nunc vel facilisis commodo. Nam nec tristique dolor, ut sagittis neque. Integer vestibulum vitae velit quis viverra.</p>
<p>Mauris nunc ligula, tempor sed erat a, porta ultrices tellus. Aliquam mollis urna vel metus auctor, quis semper justo convallis. Aliquam sit amet turpis rhoncus metus vulputate auctor. Integer consectetur scelerisque laoreet. In feugiat risus sapien, in blandit sapien hendrerit id. Curabitur interdum volutpat nulla, non blandit nunc suscipit suscipit. Suspendisse tristique pulvinar tincidunt.</p>
<script src="https://raw.github.com/simplefocus/FlowType.JS/master/flowtype.js"></script>
</body>
JavaScript
$('body').flowtype({
minimum : 300,
maximum : 1200,
minFont : 10,
maxFont : 40,
fontRatio : 30,
lineRatio : 1.45
});