Шрифт-вариант-числовой для Google Fonts
Я использую Google Font Poppins на своей странице.
Я пытался отформатировать числа с помощью
font-variant-numeric: tabular-nums;
Но это никак не влияет на внешний вид номеров. Любой Google Font поддерживает шрифт вариант-числовой?
Мне пришлось использовать какой-нибудь безопасный веб-шрифт для чисел, но он выглядит не очень хорошо.
3 ответа
TL;DR: не все шрифты поддерживают табличные числа.
Эта страница хорошо объясняет, что только шрифты "Open Type" могут взаимодействовать со свойствами font-option- *. https://practice.typekit.com/lesson/caring-about-opentype-features/
В этой статье указывается, что Google Fonts пока не поддерживает это, но ищет поддержку свойств открытого шрифта: https://css-tricks.com/almanac/properties/f/font-variant-numeric/ (последнее обновление 9 мая, но статья с 2017 года)
Кажется, что суть проблемы заключается в том, что разработчики шрифтов еще не учли это использование, поэтому браузеры не могут использовать его.
Согласно этой проблеме GitHub, Google Fonts предоставляет только подмножество функций OpenType для уменьшения задержки. Единственное решение на данный момент - это собственный хостинг или использование CDN с другим шрифтом.
Одним из потенциальных решений может быть использованиеfont-variant-numeric: lining-nums;