Особенности обработка свойства font-weight.

То тут, то там доносятся вести о поддержки новых селекторов и свойств CSS3, тогда как работа даже css1 не идеальна.
Возьмем, к примеру, font-weight. Все знаем, что это свойство определяет толщину текста и принимает значения

font-weight: bold|bolder|lighter|normal|100|200|300|400|500|600|700|800|900

Таблица соответствий  цифровых значений:

100    Thin, Hairline, Ultra-light, Extra-light

200    Light

300    Book

400    Regular, Normal, Plain, Roman, Standard

500    Medium

600    Semi-bold, Demi-bold

700    Bold

800    Heavy, Black, Extra-bold

900    Ultra-black, Extra-black, Ultra-bold, Heavy-black, Fat, Poster

А теперь посмотрим как  разные браузеры рендерят эти значения. Код примерно таков:

#one {
    font-weight:100;
}
#two {
    font-weight:200;
}

А теперь слайды))

Google Chome 6.0

IE 8

Opera 10.63

Firefox 3.6.10

Все картинки были сняты под Windows XP SP3. А вот так должно быть - Firefox 3 on Mac

Firefox 3 on Mac

Что делать?
Обычно все указывают значение font-weight в bold или normal. Собственно и правильно делают. Тем не менее Опера косячит с размером шрифта и надпись получается больше ожидаемой. В качестве решения предлагается также указывать font-family:

font-family:"Helvetica","Arial",sans-serif;

Важно указание не только имени шрифта, но и PostScript имени, так как некоторые утверждают что не будет работать в Safari.
Подобный фикс действительно заставил Оперу пересчитать шрифт.