cocoon-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Robert Koberg" <>
Subject Re: Forrest (a.k.a. 2.0)
Date Sat, 22 Dec 2001 15:46:52 GMT
> >Well, the following article makes a reasonable argument for pixels. You
> >want to check out:
> >
> So does this (with screenshots).
> <>
> and
> <>
> The situation with font sizes is extremely pickled!
> Yes Mac is based on 72 dpi and Windows defaults to 96 dpi, but it is more
> complicated than this ..... for instance new versions of IE for Mac
> "emulate" 96dpi, to try and limit the difference.

Yes, and so does nav6.  But this is irrelevant to the fact that if you use
pixels YOU (not the user) are determining the best text size for the user.
Sometimes it is too big, more often too small. With pixels the user cannot
adjust your page so they can read it comfortably. This immediately makes
your site fail usability tests (unless your target groups only contains
people with good eyesight).

Maybe as ?designers? you should design for the medium. Just because some
person took the time to put some ideas on a web page doesn't make it
right... think different...

It is amazing to me that there is an argument. If both (nav & ie) late
version browsers default to 96dpi then em based fonts will look the same
cross platform and it won't eliminate browsers based on 72dpi.. Of course
the tricky thing about em's is using the 'cascading' feature. But once you
understand that you can make your page more _elegant_. Consider this example
of cascading em based fonts but still retaining the structure of the xml:

body {font-family:verdana,helvetica,sans-serif;}
span.article {font-size: 1em}
span.section { font-size: .9em}
div.title {font-size: 1.2em; font-weight:bold}
div.para {font-size: .9em}



<span class="article">
    <div class="title">My main title</div>
    <div class="para">My main para</div>
    <span class="section">
        <div class="title">My sub title</div>
        <div class="para">My sub para</div>
        <span class="section">
            <div class="title">My subsub title</div>
            <div class="para">My subsub para</div>



To unsubscribe, e-mail:
For additional commands, email:

View raw message