アニメーション
まず領域を拡大し、そのあと文字を拡大する

$('div#demo').animate({width:'150px',height:'150px'},2000)
             .animate({fontSize:'20pt'},'slow');

※CSSプロパティで以下の様に設定

div#demo{
float=left; width: 100px; height: 100px;
padding:3px;
border:1px solid #000;
background-color:#cf9;
}

<div id="demo">領域と文字を順に拡大する</div>