[nycphp-talk] Good Font Size Control

Jon Baer jonbaer at
Thu Aug 9 11:58:35 EDT 2007

For reference I think it refers to the "CSS Reset" methodology ...

Why? All popular browsers has default font size equal 16px. If we set  
font size equal 62.5% then font size is equal 10px at screen (but not  
set 10px, IE6 not resize this rule). Now we have 1em = 10px, so  
1..1em=11px etc. It is easier way to calculate font size.

- Jon

On Aug 9, 2007, at 10:11 AM, csnyder wrote:

> On 8/8/07, Michael B Allen <ioplex at> wrote:
>> On 8/8/07, Tom Sartain <tomsartain at> wrote:
>>> As far as the AAA controls, the easiest way I've seen to do this  
>>> is to
>>> have alternate style sheets for each font size, then use  
>>> javascript to
>>> switch between them. I'm hoping you have a few sites to refer to and
>>> figure out the logistics of it all, but that's the basic concept.
>> Changing the font-size of the body has no effect on text within td
>> elements. Changing the font-size on td elements has no effect on form
>> input elements like buttons. Etc, etc, etc. This problem can't be
>> *that* hard. Is there really no better way to control font-size of  
>> all
>> page elements simultaneously?
> Just make font-size jump the table boundary using:
> table { font-size: inherit; }
> Tom, your tip about 62.5% is one I've never run across before. Nice!
> I think the best (as in, most comprehensive) way to go about this is
> to put in the work and create multiple stylesheets. For all but the
> most simple and flexible of designs, increasing the font size will
> crowd or break some design elements.
> It's much nicer for visually-impaired users to see a properly
> proportioned design at the largest size, rather than giant text
> squeezed into standard-size columns. You can also replace images that
> need to be larger, tweak icon sizes, etc.
> -- 
> Chris Snyder
> _______________________________________________
> New York PHP Community Talk Mailing List
> NYPHPCon 2006 Presentations Online
> Show Your Participation in New York PHP

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <>

More information about the talk mailing list