Не «400 что», просто 400. Согласно спецификации CSS, сначала формализовано в https://www.w3.org/TR/CSS1/#font -вес . Существует девять уровней веса шрифта, представленных в виде безразмерных чисел, начиная с 100 и заканчивая 900, с шагом 100.
В дополнение к этому spe c определяет два отображения между числовым значением и строковым значением :
- числовое значение 400 и строковое значение
normal - это одно и то же, а - числовое значение 700 и строковое значение
bold - это одно и то же
(Обратите внимание, что, хотя CSS4 изменит это, чтобы разрешить числа 1-1000 с шагом 1, он все равно будет только официально распознавать строковые значения normal и bold, по-прежнему сопоставляя 400 и 700 см. https://drafts.csswg.org/css-fonts-4/#font -weight-prop для получения дополнительной информации)
Единственное формальное правило, касающееся этих весов, заключается в том, что если вы используете семейство шрифтов в контексте CSS, вес шрифта 400 / normal должен дать вам любой шрифт Regular семейства шрифтов, а вес шрифта 700 / bold должен дать вам шрифт Bold семейства шрифтов. Все остальное остается полностью неопределенным, и все, что вы знаете, это то, что 100, 200 и 300 вероятно легче 400, 500 и 600 вероятно между обычным и жирным шрифтом, и 800 и 900 вероятно тяжелее 700.
Все они квалифицируются как "вероятно", потому что @font-face полностью аннулирует все об этом. Если вы используете @font-face, вы отменяете CSS правила для того, что эти числовые значения означают полностью. Например: это правило будет влиять на ультратонкий шрифт, когда вы устанавливаете font-weight на 900, потому что это то, что мы говорим браузеру: must do:
@font-face {
font-family: MyFont;
font-weight: 900;
src: url("./fonts/ultra-thin.woff2") format("WOFF2");
}
Также важно знать, что это единственные два официальных числа / строки. Официально есть нет других отображений, и таблица числовых значений в https://drafts.csswg.org/css-fonts-3/#font -weight-prop предназначена только для иллюстрации того, какие реальные CSS значения карта, на которой грубые имена, которые люди обычно используют для них.
Самая важная часть в том, что это только относится к CSS. Он не имеет ничего общего с фактическими значениями, хранящимися в шрифтах, или вещами, которые вы видите в программном обеспечении для обработки текста, и т. Д. c.