Что делают браузеры, когда вес шрифта недоступен?

Question

Если я загружаю шрифт google, который поставляется с 400 и 700 весами, но в моем CSS я использую font-weight:550;, что делает браузер?

Answer 1

В соответствии с MDN и W3.org:

Если точный вес, придаваемый недоступен, то следующий эвристический используется для определения веса фактически оказанным:

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

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

также:

Там нет никакой гарантии, что будет темнее лица для каждого из значений «начертание шрифта»; например, некоторые шрифты могут иметь только нормальный и жирный шрифт, в то время как другие могут иметь восемь весов лица. Существует нет гарантии о том, как UA будет отображать шрифты в семействе весом значений. Единственная гарантия заключается в том, что лицо заданного значения будет менее темным, чем грани более светлых значений.

Answer 2

Для свойства font-weight значение 550 недействительным. В соответствии с CSS error handling rules объявление с недопустимым значением игнорируется, то есть фактический вес шрифта определяется другими правилами CSS (или возвращается к значениям по умолчанию), как если бы объявления не было.