2013-07-13 1 views
10

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

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

enter image description here

шрифта: Brandon Grotesque

Похожие: Is there a way to specify the use of text or titling figures in CSS?

ответ

20

Просто, да.

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

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

Проверить caniuse в посмотрите, нужны ли префиксные версии.

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

3

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

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

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

  • Chrome v.33-41
  • Firefox v.4-39
  • Internet Explorer v.10-11
  • Opera против15-28

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

  • Safari (OSX)
  • Safari (IOS)
  • Android Webkit
  • Старые версии браузеров, перечисленных выше
+1

Я считаю, что это дает ответ на вопрос. В дополнение к тому, чтобы спросить, как указывать табличные цифры, OP также спрашивает, существует ли поддержка браузера. Ссылка в моем ответе представляет таблицу поддержки этого свойства в современных браузерах. –

+0

Мое мнение таково, что он дает ответ. Вопрос первый: «можете ли вы указать ...?» - этот ответ говорит «да». Есть ли поддержка браузера? ответ "не гарантируется - вот ресурс, который говорит вам, что делать/не делать". Информация из ссылки может быть обобщена здесь, чтобы улучшить ответ - указав, с каких версий поддерживаются различные популярные браузеры. В противном случае это опасно близко к «ответу только на ссылку» –

+0

Спасибо за предложение @JRichardSnape. Я обновил свой ответ с помощью обобщенных данных со связанного сайта. Я здесь новичок и по-прежнему разбираюсь в правилах. Приношу свои извинения за неполный ответ. Приветствия. –

4

Я думаю, что это recommended way для доступа к этой функции OpenType (fo нт-функция-настройка: «tnum» от ответа Марка Фокса):

font-variant-numeric: tabular-nums; 

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

Смежные вопросы