Начертание цифр

font-variant-numeric

В SIMAI Framework с помощью модификаторов начертания цифр изменить отображение чисел.

Классы

Класс	Значение
`num-normal`	`font-variant-numeric: normal;`
`num-ordinal`	`font-variant-numeric: ordinal;`
`num-slashed-zero`	`font-variant-numeric: slashed-zero;`
`num-lining`	`font-variant-numeric: lining-nums;`
`num-oldstyle`	`font-variant-numeric: oldstyle-nums;`
`num-proportional`	`font-variant-numeric: proportional-nums;`
`num-tabular`	`font-variant-numeric: tabular-nums;`
`num-diagonal-fractions`	`font-variant-numeric: diagonal-fractions;`
`num-stacked-fractions`	`font-variant-numeric: stacked-fractions;`

Описание

Адаптивный модификатор. Изменяет начертание цфифр в зависимости от размера области просмотра.

Использование модификатора: {контрольная точка}:{модификатор}

Контрольная точка. Необязательный параметр. Применяет модификатор начиная с определенного размера области просмотра, согласно контрольным точкам (sm, md, lg, xl). Если контрольная точка не задана, то действует для любого размера области просмотра.
Модификатор. Обязательный параметр. Принимает значения:
- num-normal – нормальное отображение;
- num-ordinal – специальные глифы для порядковых числительных;
- num-slashed-zero – перечёркнутый ноль;
- num-lining – маюскульные («заглавные») цифры, стоящие на опорной линии текста;
- num-oldstyle – минускульные («строчные») цифры, в которых некоторые знаки (3, 4, 7, 9) уходят нижним краем под опорную линию;
- num-proportional – цифры разной ширины;
- num-tabular – цифры одинаковой ширины;
- num-diagonal-fractions – символы дробей, в которых числитель и знаменатель уменьшены и разделены косой чертой;
- num-stacked-fractions – символы дробей, где числитель и знаменатель уменьшены, поставлены друг над другом и разделены горизонтальной чертой.

Пример

Используйте модифкаторы начертания цифр, для включения дополнительных глифов для чисел, дробей и порядковых маркеров (в шрифтах, которые их поддерживают).

Модификаторы начертания цифр можно сочетать, для активации нескольких качеств начертания чисел:

<p class="num-ordinal num-slashed-zero num-tabular">1234567890</p>

Порядковый номер

Модификаторо num-ordinal включает специальные глифы для порядковых числительных, например, 1^st, 2^nd, 3^rd, 4^th в английском или 1^a в итальянском (в русском такие типографские изыски не приняты, пишут просто «1-й»). Это соответствует значению OpenType ordn.

1st

<p class="num-ordinal">1st</p>

Перечеркнутый ноль

Модификаторо num-slashed-zero включает перечёркнутый ноль; это полезно, когда нужно чёткое различие между буквой O и цифрой 0. Это соответствует значению OpenType zero.

<p class="num-slashed-zero">0</p>

Заглавные цифры

Модификаторо num-lining включает включает маюскульные («заглавные») цифры, стоящие на опорной линии текста. Это соответствует значению OpenType lnum.

1234567890

<p class="num-lining<">1234567890</p>

Строчные цифры

Модификаторо num-oldstyle включает минускульные («строчные») цифры, в которых некоторые знаки (3, 4, 7, 9) уходят нижним краем под опорную линию (в русской типографике не принято, зато широко используется в западной, в основном в шрифтах с засечками). Это соответствует значению OpenType onum.

1234567890

<p class="num-oldstyle<">1234567890</p>

Пропорциональные цифры

Модификаторо num-proportional включает цифры разной ширины. Это соответствует значению OpenType pnum.

1111

0000

<p class="num-proportional<">1111</p>
<p class="num-proportional<">0000</p>

Моноширинные цифры

Модификаторо num-tabular включает цифры одинаковой ширины, которые легко выравниваются, как в таблицах. Это соответствуют значению OpenType tnum.

1111

0000

<p class="num-tabular<">1111</p>
<p class="num-tabular<">0000</p>

Диагональные дроби

Модификаторо num-diagonal-fractions включает символы дробей, в которых числитель и знаменатель уменьшены и разделены косой чертой. Это соответствует значению OpenType frac.

1/2 3/4 5/6

<p class="num-diagonal-fractions<">1/2 3/4 5/6</p>

Вертикальные дроби

Модификаторо num-stacked-fractions включает символы дробей, где числитель и знаменатель уменьшены, поставлены друг над другом и разделены горизонтальной чертой. Это соответствует значению OpenType afrc.