font-weight: 900 работает только в Firefox

Question

.bold{
font: 900 20px helvetica;
}

.bolder{
font: 700 20px helvetica;
}

Я получаю одинаковый результат для двух классов, кроме Mozilla Firefox.

Может кто-нибудь сказать мне, как я могу получить одинаковый результат во всех браузерах (Firefox, Chrome, IE, Safari, Opera)

Answer 1

Это зависит от шрифта.Вес должен быть доступен в отображаемом шрифте, иначе браузер выберет ближайший доступный вес.

В Helvetica не должно быть всех этих весов, встроенных в файл шрифта.

Прочтите об этомбольше здесь: https://developer.mozilla.org/en/CSS/font-weight

Там написано:

100, 200, 300, 400, 500, 600, 700, 800, 900

Числовые веса шрифтов для шрифтов, которые предоставляют больше, чем просто нормальный и жирный шрифт.Если точный приведенный вес недоступен, то 600-900 используют ближайший доступный более темный вес (или, если его нет, ближайший доступный более легкий вес), а 100-500 используют ближайший доступный более легкий вес (или, если его нет)ближайший доступный темный вес).Это означает, что для шрифтов, которые предоставляют только нормальные и полужирные шрифты, 100-500 являются нормальными, а 600-900 - полужирными.

Возможно, в разных браузерах существуют разные правила о том, как обрабатывать вес шрифта, когда веснедоступен.

Answer 2

Большинство компьютеров не имеют шрифта с именем «helvetica», поэтому браузеры используют свой шрифт по умолчанию. Это может отличаться в разных браузерах. Большинство шрифтов на компьютерах людей имеют просто нормальный и жирный шрифт, поэтому немного удивляет то, что некоторые браузеры в некоторых ситуациях используют вес 900, отличный от 700.