...

View Full Version : font-weight:200 on opera



timgolding
06-27-2007, 05:11 PM
The follwing CSS doesnt seem to work on Opera



.strap_line{
font-weight:200;
}


It doesnt make the text any bolder it seems. Although the more general statmenet



font-weight:bold;


works it made the text on IE and FF look horrible. Is there anyway around this?

AndyArmstrong
06-27-2007, 05:15 PM
try strong? I have never seen an integer value for weight! before!

Karen S. Garvin
06-27-2007, 05:21 PM
Yes, there is a font-weight property:

http://www.w3schools.com/css/pr_font_weight.asp
(http://www.w3schools.com/css/pr_font_weight.asp)

Interesting. I tried this exercise:

http://www.w3schools.com/js/tryit.asp?filename=try_dom_style_fontweight

and found that Firefox would show a bold font for a font-weight of 700, but didn't seem to do anything with 400. Maybe it's a screen resolution issue?

Oh, wait. If 400 is defined as "normal," then 200 is light. That's why you're not seeing BOLD. Try changing the number to 700 and see if that's what you want.

timgolding
06-27-2007, 05:25 PM
It is in the w3 spec however Opera doesnt seem to support it.

http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight

Apparently the numbers have little numercial significants and should be though of as character representation of different levels of font-weight.

For instance font-weight:350 would be invalid because this is not one of the recognised charactert strings. The only ones we can use are 100, 200, 300, 400, 500, 600, 700, 800, 900.

timgolding
06-27-2007, 05:30 PM
Oh i see what you mean.

Unfortunatly 500 is perfect on IE, FF but on Opera it looks almost like standard font weight

600 looks almost perfect on Opera but looks hiddeuosly bold on IE and FF

whizard
06-27-2007, 08:35 PM
550?

:D
(only kidding)

Dan

_Aerospace_Eng_
06-27-2007, 08:38 PM
While I don't see this as being to big of a deal, if you have to you could use some CSS hack to feed opera different value. Read this: CSS Hacks (http://thomas.tanreisoftware.com/?p=11)

Arbitrator
06-27-2007, 10:52 PM
How the numeric values work relates to the weights available to a font and how the browser chooses to allocate those weights to each of the nine numbers. Further differences in weights may be a result of the font rendering algorithm used or, possibly, from artificial emboldening when the relevant weight is missing from the font.

For further understanding, you can read about the algorithm used in the CSS2.1 Specification (http://www.w3.org/TR/CSS21/fonts.html#font-boldness) and differences between Apple (including Windows Safari) and Microsoft algorithms (http://www.joelonsoftware.com/items/2007/06/12.html). I wouldn’t be surprised if Opera used a unique algorithm.

If you want a precise rendering, then you should probably use an image format. CSS wasn’t meant for pixel perfection.

timgolding
06-29-2007, 01:49 PM
Thanks guys



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum