Hello, On Fri, 07 Oct 2011, Felix Miata wrote:
Some problems are these:
1-disregarding defaults entirely (px, pt, mm, in, etc) is rude 2-assuming defaults are wrong is rude 3-that most web sites do 1 or 2 above is not justification to be rude 4-application of defenses requires reactive user activity, typically preventing and/or delaying use of a just loaded page 5-applying browser defenses to overcome the rudeness (minimum font size; zoom; user CSS) often has side effects that are similarly rude, and can even make a page completely unusable 6-that WCAG 2 does not directly address all the above is reprehensible inaction from a standards body
Full ACK. I use mainly em (or % or ex) in the single site I maintain, and yay, the site scales (apart from bitmaps, and that's intended that way) as much as you like and honours whatever font and -size you've chosen (it suggests Verdana[0],Helvetica,sans-serif and font-size: 12pt though). Remember: 12pt should be rendered the same on any medium, e.g. the height of an 'I' should be 12pt in height, i.e. ~4.23mm or 1/6 in, no matter what resolution the screen or printer has, so with my "12pt" I suggest a size for the base-font-size of the page. All other sizes (layout, fonts, not bitmaps though) are relative to that basic fontsize of 12pt. A paragraph is set to max-width 45em, which ends up at about 60-70 chars of normal text, h1 has font-size: 2.4em, h2 has 1.7em ... The difficult thing is the inheritance of fontsizes, open this snippet in your browser: ==== <body> <div style="font-size: 48pt"> 48pt <div style="font-size: 1em"> 48pt <div style="font-size: 0.5em"> 24pt <div style="font-size: 0.5em">??? pt</div> <div style="font-size: 1em">??? pt</div> </div> </div> </div> </body> ==== Looks mindbogglig, but, just scale by a multiples of the constant factor of 1.2 or sqrt(1.2) or multiples thereof (or its inverse for smaller sizes) at each step, and you're fine. BTW: that factor is the factor between traditional font-sizes. Compare: ==== <body> <div style="border:1px solid"> <span style="font-size: 12pt;">12pt</span> <span style="font-size: 12pt;">12pt</span> <div style="font-size: 1.2em; border:1px solid;"> <span>1.2em = 14.4pt</span> <span style="font-size: 14.4pt;">14.4pt</span> <div style="font-size: 1.2em; border:1px solid;"> <span>1.2em = 17.28pt</span> <span style="font-size: 17.28pt;">17.28pt</span> <div style="font-size: 1.2em; border:1px solid;"> <span>1.2em = 20.74pt</span> <span style="font-size: 20.74pt;">20.74pt</span> <div style="font-size: 1.2em; border:1px solid;"> <span>1.2em = 24.89pt</span> <span style="font-size: 24.89pt;">24.89pt</span> </div> </div> </div> </div> </div> </body> ==== Note, that with my seamonkey, I don't get correct sizes at every zoom-step ATM, most notably at 100%. At 200% I get the right progression in sizes. It probably has some weird interactions with X font-handling and -rendering and whichever font is used as well. HTH, -dnh [0] that actually is quite a good font for the screen. And only the screen. PS: that last html stuff looks like some SF e.g. Battlecruiser. Left: drive/engine stuff, middle: more engine, quarters etc., right: some missile/gun arrangements, top right "</span>": the bridge? ;) Ugly, but probably quite nasty ;) -- "Cynical" is a term invented by optimists to describe realists. -- Gregory Benford -- To unsubscribe, e-mail: opensuse+unsubscribe@opensuse.org To contact the owner, e-mail: opensuse+owner@opensuse.org