CSS подключение шрифта — font-weight: Extrabold — не работает, а вот font-weight: 800 — работает. Почему так?

Question

[sorry_i_noob]

Здравствуйте! Есть вот такой код:

@font-face {
  font-family: "Circe";
  src: url("../fonts/Circe/Circe.woff Normal");
}
@font-face {
  font-family: "Circe";
  src: url("../fonts/Circe/CirceBold.woff");
  font-weight: Bold;
}
@font-face {
  font-family: "Circe";
  src: url("../fonts/Circe/CirceExtraBold.woff");
  font-weight: Extrabold;
}

С таким кодом все Circe normal становятся Extrabold. А вот если измению этот код на...

@font-face {
  font-family: "Circe";
  src: url("../fonts/Circe/CirceExtraBold.woff");
  font-weight: 800;
}

То все работает. Скажите - почему так происходит? Можно ли как-нибудь задавать нестандартную (не Bold (не 700)) ширину через буквы (Extrabold, например)?

Answer 1

[Вадим Белкин]

Вам тут все написали, что для CSS не существует значения Extrabold для font-weight. Имеено CSSзначения, а не шрифта с таким начертанием. Шрифты с таким начертанием есть, но в  CSS текстового значения этого начертания нет, только числовое - font-weight: 800;
Текстовые значения данного свойства могут быть только normal | bold | bolder | lighter

В первом варианте вашего кода все становится Extrabold из-за того что для подключенного Extrabold начертания font-weight указан с ошибкой (не существует значения font-weight), по этому данный шрифт применяется к normal/400 начертанию

Answer 2

[Brake Made]

Может потому что нет Extrabold?
Docs

Comments

[sorry_i_noob]

Я изменил Extrabold на Heavy. В статье, ссылку на которую вы указали, такой существует. Но эффект тот же.

[Brake Made]

sorry_i_noob, heavy тоже нет

Answer 3

[riot26]

https://developer.mozilla.org/ru/docs/Web/CSS/font...

Comments

[sorry_i_noob]

Я изменил Extrabold на Heavy. В статье, ссылку на которую вы указали, такой существует. Но эффект тот же.

[riot26]

sorry_i_noob, нет, heavy тоже не существует, нужно быть внимательнее

Answer 4

[Алексей Сироткин]

font-weight: Extrabold - что это вообще такое?
Указывайте в цифрах. Стандартная пусть останется Bold (700), а для CirceExtraBold это будет 800.
Все равно в браузерах не добьешься идеального отображения, зачем еще придумывать дополнительные проблемы в виде несуществующих значений?