← Назад в «Блог»
38

Цифры в фигме и в вёрстке выглядят по-разному

Сейчас верстаю проект и наткнулся на проблему — в процессе верстки заметил, что цифры в вёрстке выглядят по-другому. Шрифт и начертания те же, но выглядит нет так.

Цифры в фигме и в вёрстке выглядят по-разному 1

Я 10 раз проверил шрифт и растерянный не понимал, в чём дело.

Потом зашёл в дополнительные текстовые настройки и нашёл параметр Numbers→Style. Он отвечает за стиль цифр.

Цифры в фигме и в вёрстке выглядят по-разному 2

В вёрстке за это отвечает css свойство font-variant-numeric со значением lining-nums

.class {
  font-variant-numeric: lining-nums;
}
Полезно
1
Непонятно
Поделиться
Отправить
Линкануть
Вотсапнуть
← Назад в «Блог»

Добавить комментарий

Ваш адрес email не будет опубликован.