Font resize as Browser window resizes

There is a very interesting question posed on Webdeveloper forum a few days ago. I think it is worth answering and reposting here.

The original question:

Hi, I stumbled on a problem, I am playing with responsive design, all my div, h and p elements are in percentage, so they all resize properly. but how do I do the same with font size? I read that em and percentage are good for resizing, but I tried it and it doesn’t do a thing, what did I do wrong?

Here is a good answer, in my opinion, offering solutions to the problem:

From the top of my head:
This is not possible to do without Javascript. The idea of font in the web browser is to be fixed once it is fully loaded, resizing windows will not resize the font. There is no good UI reasoning in having it resized as the browser resized. Personally i find it better that the font is not resized, because when I resized, I simply want to hide some text or show some text. You are better off putting a zoom button, so the user can choose if he/she wants to enlarge the font size.

Now, I also did a Google Search. All of them points to javascript:

There is another thread on this forum you can read

http://www.webdeveloper.com/forum/showthread.php?239694-How-to-Dynamically-resize-font-size-when-browser-size-changes.

You can use JQuery to do the trick you wanted:
http://stackoverflow.com/questions/2989950/auto-resize-text-font-size-when-resizing-window

Another JQuery, possibly not really related to your question, but a good implementation.
http://stackoverflow.com/questions/687998/auto-size-dynamic-text-to-fill-fixed-size-container

A zoom button solution for you
http://mirificampress.com/permalink/daynamically_resizing_text_with_css_and_javascript

The basic of font sizing for a page
http://robertnyman.com/2007/02/27/how-to-specify-dynamic-font-sizes-consistently-with-css/

Good luck!

Source: Webdeveloper

I hope you find this post useful.