2

Есть шрифт Tahoma:

font-weight: normal; font-style: normal;

Хочу проставить у некоторого элемента значение

{
   font-family: Tahoma
   font-weight: 900
}

и получаю один вариант шрифта.

Если подключить Tahoma-Bold:

font-weight: normal; font-style: normal;

и для этого же элемента проставить

{
   font-family: Tahoma-Bold
}

То в 2 вариантов отобразится шрифт разной толщины.

Всегда думал, что Жирное начертание = Нормальное начертание + font-weight: 900

- Tahoma-Bold

- Tahoma, font-weight: 900

3

1 ответ 1

7

Во-первых, жирностей шрифта теоретически не 3, а 9: 100, 200, 300, 400 (normal), 500, 600, 700 (bold), 800, 900. Во-вторых, bold - это не 900, а 700.

Далее, подключая новый веб-шрифт, ты должен указать его жирность. Если у тебя подключены только некоторые из жирностей, то как должен поступить браузер, если ему вдруг попадётся неподключенная? Он либо выберет ближайшую, либо попытается сам подогнать шрифт под запрошенную жирность. А как он может подогнать? Просто что-нибудь растянет. А как подгоняли авторы шрифта? Они полностью рисовали каждую букву, чтобы она хорошо смотрелась в этой жирности. А может ещё и лигатуры рисовали. Вот и получается два разных начертания.

3
  • jsfiddle.net/0ks93x79 - я могу так подключать шрифты - одно название но разные начертания?
    – ruslik
    Commented 4 сент. 2017 в 9:50
  • То есть в момент когда у шрифта нет начертания шрифта, браузер сам решает как его увеличивать, я правильно понял?
    – ruslik
    Commented 4 сент. 2017 в 9:51
  • @ruslik, да, можешь так - одно имя, разные веса и файлы. Браузер сам решает, увеличивать или нет - думаю, зависит от браузера.
    – Qwertiy
    Commented 4 сент. 2017 в 10:56

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.