Detecting Browser Text Size Changes?

[hnorris]

Hello -

Does anybody know how to dynamically detect changes in
browser text size settings from within Javascript?
For example, if the user were to switch from large to
small text size while browsing a web page?
(On IE, Text Size, under the top level View dropdown menu) .

I haven't found any standard DOM event handlers for this
purpose, although I've noticed that the window
onresize handler is triggered - but I don't know to
distinguish text size changes from resize events
caused by the user changing the browser window
size/dimensions - is there possibly detail info
associated with the resize event object which could
indicate a browser text size change? I'm trying to
find a general DOM standardized way to solve this
problem, but would be grateful for any suggestions,
even if browser specific in nature. Thanks for any
help you can offer!

- Holten

[Stefan]

Why would you want to know if a user resizes text?

If we know why it easier to come up with a good solution.

[hnorris]

Reason for wanting to know when user changes browser text size is that such settings can have huge impact on the way a web page is displayed ! I'm only interested in detecting WHEN a browser text size change is made - the specific size chosen is unimportant.

[Stefan]

Originally posted by hnorris
Reason for wanting to know when user changes browser text size is that such settings can have huge impact on the way a web page is displayed !

So can the size of the monitor or browser used. There is know way you can know or controll exactly how a webpage will look for a visitor. Thus the best way to deal with this is to make a design that is as resiliient as possible to changes. Using CSS for site layout and using eg em/ex and % units will enable you to easily make such a design and not have to care what textsize the visitor prefers.

Eg look at this site and try changing the fontsize. You have to make prettly large changes to break the webpage

http://texturizer.net/phoenix/index.html