Все ли свойства CSS font-weight полезны?

Question

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

До сих пор я использовал font-weight:bold, а иногда font-weight:normal, чтобы переопределить жирный шрифт. Каковы обычаи других?

Я создал этот пример страницы со всеми значениями для свойства, но во многих из них нет большой разницы.

http://jsbin.com/omaha3

Answer 1

Если отображаемый шрифт имеет больший вес, например, полужирный, светлый и т. Д., Браузер может отобразить эти веса, если вы используете одно из числовых значений. Большинство шрифтов для конечных пользователей поставляются только с двумя или тремя стилями, поэтому я не думаю, что это очень применимо к реальному миру. Я бы полагался только на обычный (= 400 я думаю) и жирный (= 700).

В справочнике W3C содержится хорошая дополнительная информация о шрифте-жирном шрифте: также жирным шрифтом .

Обновление : Вот подробное сообщение в блоге о том, как стили отображаются в современных браузерах. Он называется «Вес шрифта все еще не работает во всех браузерах, кроме одного» :)
2-е обновление : поскольку clagnut.com потерпел катастрофическую потерю данных здесь - архивное сообщение

Answer 2

Это зависит также от браузера / ОС. Firefox на Mac имеет тенденцию поддерживать больше градаций (5 различных весов для Myarid Pro), а Firefox 3 на Windows иногда отображает легкий шрифт. Другие браузеры на Windoows или Mac отображают только два веса - жирный или обычный.

Когда я хочу кросс-браузерное управление весом шрифта, я устанавливаю свой цвет текста на серый - скажем, # 777, и тогда мои жирные цвета могут быть # 444 и # 000, а мои более светлые цвета могут быть #aaa и #ddd , Он не меняет толщину, как шрифты, но по-прежнему дает визуальный эффект.

---

отредактировано, чтобы добавить сумасшествие IE6 с font-weight

font-weight: 600 в таблице стилей печати заставляет IE6 печатать полужирный и курсив, но предварительный просмотр печати показывает только полужирный.

Answer 3

Зависит от требований и может быть полезно при создании пропорционального размера шрифта для стильного текстового оформления.