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

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

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

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

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

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

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

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

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

Канал о фрилансе

Там я делюсь фишками о фрилансе: деньги, клиенты, автоматизация, фриланс. Раньше это был закрытый материал с платным доступом. Сейчас он открыт. Иногда подписчикам будет открываться платные материалы. Подписаться

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

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *