From: Pat Veriepe <[EMAIL PROTECTED]>
>I thought I had figured this out with Firebug, but the text is still not
>bold. It's a nested ul ul.
>
>The linked text saying "THIS SHOULD BE BOLD" is bold in Safari but not
>in Firefox or IE. Could this be a problem because of a bug in both
>browsers with nested lists?
>
>Please check out this url: http://veriepe.com/TEST222.html
Personally, I don't think that there is a bug at all. You have set the
font-size in your body selector to be 70%. On my computer, that makes the lines
that make up the glyphs of the font only one pixel wide. When I changed the
font-size to 80% (or simply increased the font size in the browser), it was
clear that the text is bold. At 80%, the browser makes the lines 2px wide.
What's a browser to do to make something bold when it has nothing to work with?
(only one pixel, in other words).
Using the Web Developer toolbar in Firefox, and editing the CSS to to switch
from bold to normal, that browser *does* change something between the two
font-weights. Try it and see.
Apparently Safari draws the font differently than Firefox if you can clearly
tell that the text is bold in that browser. 78% for the body font-size is the
smallest percent that I could use on your page to get Firefox to clearly show
what I would call bold text. This is where the gliph's lines went from being
1px wide to being 2px wide.
I have noticed in the past, when using very tiny type, that browsers show bold
text by increasing the width of the glyphs themselves (not just the lines).
This is what is happening with your bold text. When bold is applied, a lower
case "o" for example, is 4px wide from one side to the other. When bold is
applied, it is 5px wide.
So, if you want the text to "look" bold, you're going to have to increase the
font-size, I think.
I hope this is useful.
~holly
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
