fit text

by jamna

HTML

<script src="https://raw.github.com/davatron5000/FitText.js/master/jquery.fittext.js"></script>
<div class="E-1">
    <span>Works.</span>
</div>

<div class="E-2">
    <span>Works.</span>
</div>

<div class="E-3">
    <span>Doesn't work.</span>
</div>

CSS

span { display: block; } 

.E-1 { 
    min-width: 200px;
    max-width: 700px;
    width: 100%; background:red
}

.E-2 {
    width: 50%;
}


.E-3 {
    width: 500px;
}

JavaScript

$("div span").fitText(1.2, { minFontSize: '20px', maxFontSize: '40px' })