|
| |
|
|
texeter
Posts: 2
Joined: 3/4/2004
Status: offline
 |
CSS, Headings (H1, H2...), font-weight, WinXP - 3/4/2004 17:54:21
Under Windows XP Pro using IE6.0 (or Opera7 or Mozilla) I am unable to make "font-weight: bolder" work when used with the heading tags (H1, H2 etc). "Font-weight: bolder" does work when used with the <p> tag.
Other attributes such as "color" and "font-size" work with no problems.
"font-weight: bolder" works under Win98SE with IE5.5 and IE6.0 with both the <p> and the <h1> tags.
I have verified this both on my own computer in another partition and on the office computers where there is a mix of Win98SE and WinXP-Pro computers.
I have set up two pages on my test site: one using "font-weight: bolder" and the other using "font-weight: lighter":
http://s92984086.onlinehome.us/bolder.htm
http://s92984086.onlinehome.us/lighter.htm
Anyone out there got any ideas?
Thanks.
|
|
|
|
c1sissy
Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: CSS, Headings (H1, H2...), font-weight, WinXP - 3/4/2004 18:23:28
Hi texter, welcome to the forums.
How about posting some of the code? Might be helpful to see what it is that you have going with it.
_____________________________
Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/
| |
|
|
|
gorilla
Posts: 2974
From: Denmark
Status: offline
|
RE: CSS, Headings (H1, H2...), font-weight, WinXP - 3/4/2004 18:39:28
Ummm he's actually done that. Try view source 
Hello texter welcome to Outfront.
Bolder and lighter are both defined in CSS1 and expanded in CSS2 - but there's a trap:
You're correctly using the font-weight property to specify the weight, (boldness) of a font, and its 'thickness.'
BUT if you look at the spec although it appears that there are thirteen different values, there are in fact really only nine.
Worse than that by no means all of the font families will display in all nine weights. Especially not when specified in px.
(Note for newbies to css: Normal is the same as 400, and bold is the same as 700.)
The trap is that people assume that Lighter and bolder are weights in and of themselves. But they're not, they take their weight relative to their parent element.
You also are likely to run into the notorious font sizing bug in IE and te even worse one where sys settings and browser settings (MS OSs only) negate each other.
The solution is to use font relative metrics ems and percentages rather than, as you have done in your code, using px. After that its trial and error I'm afraid. most of the "web safe" fonts will scale nicely. Very rushed for time so sorry this so brief.
http://www.w3.org/TR/REC-CSS2/fonts.html#propdef-font-family scroll down a bit to font weight but read it all its all relevant to your issue.
< Message edited by gorilla -- 3/4/2004 18:44:09 >
_____________________________
Mháircaish
Signature self-censored to protect the sensibilities of the thin-skinned .
May we never confuse honest dissent with disloyal subversion. – Dwight D. Eisenhower
| |
|
|
|
texeter
Posts: 2
Joined: 3/4/2004
Status: offline
|
RE: CSS, Headings (H1, H2...), font-weight, WinXP - 3/5/2004 18:31:42
Thank you to you both: gorilla and c1sissy for replying.
I put up another page (http://s92984086.onlinehome.us/mixed.htm) which shows some of the anomalies of working with "bolder" when hovering over a line with the mouse.
Line 3 shows that "bolder" doesn't work on a normal h1 tag. Line 2 is the h1 tag set to "lighter". "Bolder" then does work and displays a text that is truly larger than bold.
The other lines (1-9) show the numerical font-weights as applied to h1 tags. "Bolder" doesn't work with any of them under either WinXP or 98SE (on my pc).
What is even more fun is that as I have set the font-size to 20, the font-weights seem to be totally irrationally applied under both WinXP and 98SE. For example, font-weight 800 is lighter than font-weight 600.
I suppose it keeps life amusing.
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
