Q:

FitText.js makes text bigger rather than smaller

I'm using the FixText jquery plugin. It's supposed to scale down text so a headline fits the available width without wrapping onto 2 lines. http://fittextjs.com/
On my site the plug in is resizing the text, however its making it larger when it should make it smaller! 
http://smartpeopletalkfast.co.uk/text-fit/
The code that initializes it is in script.js and the line is jQuery('.view-display-id-page  p').fitText();
The instructions say that the element must be display block and have a width (but this can be a %) with CSS, which I've done. I have no idea where to begin with this issue! Thanks.

A:

Firebug console gives this:
TypeError: $(...).on is not a function

meaning that jQuery on() is not an available function. .on() was added in version 1.7, but in your source you use jQuery v1.4.4. If you are allowed to, try an upgrade to a newer version >= 1.7 and see if this solves the issue. The error is generated by a call to on() in jquery.fittext.js.
If you can't update jQuery, maybe you can change jquery.fittext.js to use other way to attach event handlers to elements instead of on(), like bind().
--UPDATE
You could also try to tweak up/down the compressor setting of FitText.js. Setting its value to 3.0 fixed the issue for me locally, please experiment. Now scripts.js looks like:
... other js code ...

//jQuery('.view-display-id-page  p').fitText();
jQuery('.view-display-id-page  p').fitText(3.0);

... other js code ...

The font size also resizes when resizing the browser window. Finer tuning should be possible via minFontSize & maxFontSize settings, too.

