NYCPHP Meetup

[nycphp-talk] Good Font Size Control

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


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

http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

-snip-
font-size:62.5%;
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.
-snip-

- Jon

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

> On 8/8/07, Michael B Allen <ioplex at gmail.com> wrote:
>> On 8/8/07, Tom Sartain <tomsartain at gmail.com> 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
> http://chxo.com/
> _______________________________________________
> New York PHP Community Talk Mailing List
> http://lists.nyphp.org/mailman/listinfo/talk
>
> NYPHPCon 2006 Presentations Online
> http://www.nyphpcon.com
>
> Show Your Participation in New York PHP
> http://www.nyphp.org/show_participation.php

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.nyphp.org/pipermail/talk/attachments/20070809/8134dafc/attachment.html>


More information about the talk mailing list