How do I choose a font size to exactly fit a string in a given rectang

[mandark]

I have a background image and I need to put some text in this piece of image. Depending upon the length of the text the font size needs to be adjusted (increased/decreased). The user can select the font for writing (all TTFs)

Thanks.

[mikedee]

You cannot do this with HTML, you might be able to do it with some javascript... Something like

function set_font_sizes(element){
text = element.innerHTML;
switch (true){
case (text.length<10):
element.style.fontSize = '12px';
break;
case (text.length<20):
element.style.fontSize = '11px';
break;
case (text.length<40):
element.style.fontSize = '10px';
break;
default:
element.style.fontSize = '9px';
break;
}
}

<span id="mytext">Blah blah blah</span>

call it like this

set_font_sizes(document.getElementById('mytext'));