FontSizeWidth

Change font size from the Div Width

by mrdesjardins

HTML

<div id="t1">1</div>
<div id="t2">12</div>
<div id="t3">123</div>
<div id="t4">1234</div>

CSS

div {
    width: 90px;
    height: 90px;
    background-color:red;
    border: 1px solid black;
    margin: 20px;
}

JavaScript

$('#t1').css("font-size",  getSize($('#t1').text()) + "px");
$('#t2').css("font-size",  getSize($('#t2').text()) + "px");
$('#t3').css("font-size",  getSize($('#t3').text()) + "px");
$('#t4').css("font-size",  getSize($('#t4').text()) + "px");
function getSize(text)
{
	if(text.length == 1)
		return 70;
  if(text.length == 2)
		return 60;
  if(text.length == 3)
		return 50;
  if(text.length == 4)
		return 40;
}