A jquery typography plugin.

hatchshow.js

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(function(){
    $('.hsjs').hatchShow();
});

(function($){
    jQuery.fn.hatchShow = function(){
        return $(this).css({
            display: 'inline-block',
            whiteSpace: 'pre'
        }).each(function(){
            var parent = $(this).parent(),
                fontSize = parseInt($(this).css('font-size').replace('px', '')),
                maxWidth = parent.width() - (parent.outerWidth(true) - parent.width());

            while ($(this).outerWidth(true) < maxWidth) {
                $(this).css('font-size', ++fontSize);
            }

            while ($(this).outerWidth(true) > maxWidth) {
                $(this).css('font-size', --fontSize);
            }
        })
    }
})(jQuery);
</script>

This was useful, ta