JSFiddle - React, Tailwind, and code Playground

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra quis dui a laoreet. Proin nibh dolor, faucibus sit amet aliquet ac, varius id eros. Cras vitae orci in felis blandit elementum.</p>
<br><br><br>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra quis dui a laoreet. Proin nibh dolor, faucibus sit amet aliquet ac, varius id eros. Cras vitae orci in felis blandit elementum.</p>

CSS

p{
    width:200px;
    height:100px;
    background: #F1DFDF;
}

JavaScript

[].forEach.call($('p'),function(i) {
//$('p').each(function(i){
    var fZ = 30;
    while(fZ > 6 && i.scrollHeight > i.offsetHeight) {
        fZ--;
        i.style.fontSize = fZ+'px';
    }
});