Working together for standards The Web Standards Project

Detecting when good fonts change size

By Aaron Gustafson | September 12th, 2006 | Filed in Design, DOM, DOM Scripting TF, Usability

Designing for the web is challenging enough, but when you need to take into account scaling font-sizes, it can quickly become a nightmare. The common wisdom is to design your pages to accomodate fonts two sizes up and two sizes down from the default, but with this new script from two clever Yahoo! blokes, your can get way more clever.

Skip to comment form

In the new issue of A List Apart, Yahoo! developers Lawrence Carvalho and Christian Heilmann (who is also a DSTF member) walk us through a new script allowing you to trigger events when the font size is increased or decreased in a browser.

This was by no means the first time it has been done, but it is an incredibly solid implementation and a great tool to have in your utility belt alongside CSS Drop Columns and Browser Size-Dependant Layouts. Lawrence & Christian offer a few suggestions for how to use it, including

But I’m sure you can come up with more.

Your Replies

#1 On September 12th, 2006 4:52 pm