» back to jquery : plugins

Tested with jQuery 1.2.3+ in: IE6/7, FF2 (Windows XP), FF2 (OS X), Safari 2.0.4

NOTE: Unlike any other "onfontresize" technique I've seen, Hedger's doesn't use a setInterval-style polling mechanism to detect the font size. Instead, it leverages browser native onresize events that are fired when a hidden iframe is sized in ems.

KNOWN ISSUES: Depending upon how the base font size in your document is specified (em, %, or keyword) the "pixels per em" calculation may not be consistent across browsers. Also, the event doesn't fire in IE if fonts are sized in px units.

Change Log

7/3/2008Initial release


// execute this code then use the browser
// font controls to see the event in action

$(document).bind("fontresize", function (event, data) {
	$("#log").val(data + "px");

1em =


» Download jquery.onfontresize.js