Можете ли вы указывать табличные накладки для веб-сайтов?

Поскольку можно указать элементы подкладки и старости, я надеюсь, что поддержка браузера для табличных цифр с веб-сайтами? ##

  • Слева: цифры по умолчанию
  • Вправо: желаемые табличные цифры (уведомление моноширинное)

enter image description here

Шрифт: Брэндон Гротеск

Связанный: Есть ли способ указать использование текстовых или титульных цифр в CSS?

Ответ 1

Просто, да.

В настоящее время вы можете использовать атрибут font-feature-settings "в своих префиксах и добавить " tnum " в список значений ( пример) для доступа к табличным цифрам в шрифтах с поддержкой OpenType:

font-feature-settings: 'tnum';
-webkit-font-feature-settings: 'tnum';
-moz-font-feature-settings: 'tnum';`

Отметьте caniuse, чтобы узнать, нужны ли префиксные версии.

Обратите внимание, что если вы используете Typekit для обслуживания своих веб-сайтов, обязательно выберите "Все символы" в разделе "Поддержка языков".

Ответ 2

Я думаю, что это рекомендуемый способ для доступа к этой функции OpenType (параметры шрифта-функции: 'tnum' от ответа Mark Fox):

font-variant-numeric: tabular-nums;

Я больше ничего не могу найти в http://caniuse.com/#search=font-variant-numeric, но придерживаюсь ответа Mark, пока поддержка браузера не будет лучше определена.

Ответ 3

В то время как можно указать табличные цифры, нет гарантии, что браузер конечного пользователя поддерживает свойство tnum.

Состояние веб-типа отслеживает, какие браузеры поддерживают эти (и другие) расширенные типографские функции.

На момент написания tnum поддерживается:

  • Chrome v.33-41
  • Firefox v.4-39
  • Internet Explorer v.10-11
  • Opera v.15-28

tnum не поддерживается:

  • Safari (OSX)
  • Safari (iOS)
  • Android Webkit
  • Предыдущие версии браузеров, перечисленных выше