https://bugzilla.wikimedia.org/show_bug.cgi?id=9119


Miraceti <hofm...@aldebaran.cz> changed:

           What    |Removed                     |Added
----------------------------------------------------------------------------
                 CC|                            |hofm...@aldebaran.cz




--- Comment #5 from Miraceti <hofm...@aldebaran.cz>  2009-06-11 07:53:50 UTC ---
The font size specified by x-small keyword is different on each platform (see
http://style.cleverchimp.com/font_size_intervals/altintervals.html ).

It's true that webpages use often smaller fonts than the default one.
Unfortunately. This has a historical reason. I my opinion, Wikimedia should
probably do the same until something happens in the outer world.

The "minimimum size" trick _does not work_ as Gabriel wanted. Try this in your
project:

  <p><span style="font-size: 10%"><span style="font-size: 1000%">Lorem
ipsum!</span></span></p>
  <p><span style="font-size: 1000%"><span style="font-size: 10%">Lorem
ipsum!</span></span></p>
  <p><span><span>Lorem ipsum!</span></span></p>

Both major browsers, Firefox 3.0 and IE 8 display all three texts in the same
way (however, Konqueror 3.5 does not). There is no real protection against too
small font.

In my opionion, if Wikimedia projects really wants to use an advantage of
keywords, only keywords should be used. For special cases like menus, it is
possible to use percentage in addition at the last level of a style definition
but the number of font sizes on a page should be limited.  No 127% * 95% * 95%
should be used because it only complicates the design and makes keywords
impossible to use in higher levels of the style definition.

I suggest to leave the concept of globalWrapper or use it for something else
than changing font size. Let's keep things simple. The css should look like
this:

/* Font size:
** We take advantage of keyword scaling
** More at http://www.w3.org/2003/07/30-font-size
** http://style.cleverchimp.com/font_size_intervals/altintervals.html
*/

body {
        font: small sans-serif;
        background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat;
        color: black;
        margin: 0;
        padding: 0;
}


/* wrapper for free use */

#globalWrapper {
        /* empty by default */
}

This change won't have a significant impact on an ordinary user since "x-small"
* 127% is about the same as "small" on major platforms. However it makes the
whole css simpler and more understandable.


-- 
Configure bugmail: https://bugzilla.wikimedia.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.
You are on the CC list for the bug.

_______________________________________________
Wikibugs-l mailing list
Wikibugs-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikibugs-l

Reply via email to