What is the best way to detect/catch a change in font size?

Question

I would like to catch an onFontSizeChange event and then do stuff (like re-render because the browser has changed font sizes on me). Unfortunately, no such event exists and so I must hack a way to do it.

I've seen people do things like place an 'm' in an invisible <div> element and then test for changes in the size to the element.

Does anyone have any good solutions?

Answer 1

What do you want to change when the user resizes the text? e.g. If you design your site well, you shouldn't need to do anything, it should just re-flow to handle the resized content automatically.

Answer 2

See TextResizeDetector.js, (demo here, in depth article here).