Shull
@Shull
хочу быть хорошим IT-шником

Как обеспечить изменение жирности текста в значениях 300, 400, 600?

Как известно, есть много вариантов жирности шрифта: 100, 200, 300 и тд. Там ещё и текстовые значения есть!
Также известно, что браузер (или шрифт) не всегда реагирует на изменение жирности. Например, поддерживает только 400 и 600, а между 400 и 200 не видит разницы.

Дано: сайт на фреймворке, который использует значения жирности 300, 400, 600.

Что нужно: нужно, чтобы шрифт обязательно реагировал на значения 300, 400, 600. То есть, если есть код:
div{font-weight: 300;}, значит надо отобразить жирность в 300.

Компромиссное решение: Можно не отображать именно 300, 400 и 600, но эти значения должны различаться!

Как этого достичь?
  • Вопрос задан
  • 556 просмотров
Решения вопроса 1
Скачать полный набор шрифтов?
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Stalker_RED
@Stalker_RED
Да, не все шрифты поддерживают. Если шрифт не поддерживает какое-то значение, то будет использовано ближайшее возможное. Используйте такой шрифт, где есть нужные начертания.
Табличка соответствия текстовых и цифровых значений:
  • 100 Thin (Hairline)
  • 200 Extra Light (Ultra Light)
  • 300 Light
  • 400 Normal
  • 500 Medium
  • 600 Semi Bold (Demi Bold)
  • 700 Bold
  • 800 Extra Bold (Ultra Bold)
  • 900 Black (Heavy)

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

Стоит заметить, что стандартными являются только следующие значения:
normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

остальные могут игнорироваться браузерами.
И да, лучше взять не 300 400 600 а 100 400 700
Ответ написан
@GreatRash
Это можно сделать только в том случае если подобные начертания поддерживает шрифт. Иначе браузер считает, что всё bold.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы