JSFiddle - React, Tailwind, and code Playground

by ainop

HTML

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Diplomata+SC" />
<p>Test text</p>
<script>
var p = document.querySelector('p');
p.style['font-family'] = "'Diplomata SC', serif";
alert(p.offsetWidth);
setTimeout(function () {
    alert(p.offsetWidth);
}, 500)
</script>