Jquery - resize font

I want to make a menu like this : http://www.citrus7.com.br/ I've tried with textfit plugin to resize the font when i resize the window, but i cant resize each line of the menu se开发者_JAVA技巧parately. Can anyone help me, or point me in the right direction. Thank you

Are each of your lines in a separate element? You'll have to set each line in its own element in order for their sizes to be set individually.

<h1 class="headerLine">LEMONS</h1>
<h1 class="headerLine">LEMONADE</h1>
<h1 class="headerLine">SOMETHING ABOUT CITRUS</h1>

Assuming that you're using jQuery.fittext you should be able to run it against all of them with one selector.

$(".headerLine").fittext();