🔒Открыть пост
и посмотреть медиа
и посмотреть медиа
⏱️ CSS-совет: используйте табличные цифры для таймеров
Когда цифры в таймере или счётчике меняются, текст может «прыгать» — всё из-за разной ширины символов.
Исправить это можно одной строкой:
.stopwatch {
font-variant-numeric: tabular-nums;
}
tabular-nums включает OpenType-функцию табличных цифр: все числа занимают одинаковую ширину, поэтому таймеры, счётчики, цены и другие числовые значения остаются ровными и не вызывают сдвигов интерфейса.
💡 Работает только если выбранный шрифт поддерживает табличные цифры (например, Inter, Roboto, IBM Plex Sans и многие современные OpenType-шрифты).
📍 Навигация: [Вакансии]
🐸 Библиотека фронтендера
#readme
