View Full Version : font-weight:200 on opera

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


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


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

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

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


Interesting. I tried this exercise:


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.

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


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.

06-27-2007, 04: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

06-27-2007, 07:35 PM

(only kidding)


06-27-2007, 07: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)

06-27-2007, 09: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.

06-29-2007, 12:49 PM
Thanks guys