← Назад в «Блог»
940
Обновлено: 10 октября 2024

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

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

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

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

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

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

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

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

Канал Дани в телеграме

В канале показываю, как разрабатываю продукты: нейронки, боты, пет-проекты, бизнес. Делюсь фишками о разработке и дизайне. Без рекламы.

Подписаться
← Назад в «Блог»

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

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

Контакты