Подтвердить что ты не робот

Полезны ли значения свойств CSS font-weight?

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

4b9b3361

Ответ 1

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

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

Обновление. Ниже приведено подробное сообщение в блоге о том, как стили отображаются в современных браузерах. Он озаглавлен "Шрифт-вес все еще сломан во всех, кроме одного браузера":)
2nd Update: Поскольку clagnut.com перенес катастрофический dataloss здесь - это архивированный пост

Ответ 2

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

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


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

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

Ответ 3

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