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">
    $(window).load(function(){
      $().hatchShow();
    });

    jQuery.fn.hatchShow = function (maxSize) {
        if (!maxSize)
            maxSize = 10000;

        $('.hsjs').css('display', 'inner-block').css('white-space', 'pre').each(function () {
            var t = $(this);
            t.wrap("<span class='hatchshow_temp' style='display:block; text-align: center;'>");
            var pw = t.parent().width();
            while (t.width() < pw && t.fontSize() <= maxSize) {
                t.css('font-size', (t.fontSize() + 1) + "px"), function () {
                    while (t.width() > pw) {
                        t.css('font-size', (t.fontSize() - .1) + "px");
                    }
                };
            }
        }).css('visibility', 'visible');
    };

    jQuery.fn.fontSize = function () {
        return parseInt($(this).css('font-size').replace('px', ''));
    };
  </script>

Forked to allow a max point size to be passed in

Also center the text in the container, this is useful when a max font size is passed in and the text does not cover the entire width