Mailinglist Archive: opensuse (714 mails)

< Previous Next >
Re: [opensuse] web site bug 646418 (was: help forum no help...)
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@xxxxxxxxxxxx
To contact the owner, e-mail: opensuse+owner@xxxxxxxxxxxx

< Previous Next >