jQuery function to resize fonts to fit a containing element.

jQuery.fontBefitting.js

$.fn.fontBefitting = function() { // This resizes fonts to make them fit in an element
    return this.each(function() {
        var fontSize = parseFloat($(this).css('fontSize'));
        this.style.overflowY = 'scroll';
        // This is if the font too big to fit an enclosing element	        
        while (this.clientHeight < this.scrollHeight && fontSize > 1) {
            fontSize *= 0.99;
            $(this).css('fontSize',fontSize + 'px');
        }
        // This is if the font is too small
        while ((this.clientHeight > this.scrollHeight || this.clientHeight == this.scrollHeight) && fontSize < 100) {
            fontSize *= 1.01;
            $(this).css('fontSize',fontSize + 'px');
        }
        // Brings the font-size back under the limit.
		fontSize /= 1.01;
		$(this).css('fontSize',fontSize + 'px');
        this.style.overflowY = 'visible';
    });
}