Skip to content

Numbers

Numbers comes in three variants: Proportional Lining, Tabular Lining and Proportional Old Style.

The default lining is set to Proportional Lining, like the CSS class .dnb-typo-number--lining.

Use Tabular Lining in tables and in other contexts where lots of numbers are side-by-side.

Proportional Old Style is currently chosen away in favor of proportional lining due to future font upgrades.

Lining Variants and Examples

Proportional Lining
0123456789
Tabular Lining
0123456789
Proportional Old Style
0123456789

Helper Classes and usage in HTML

<p class="dnb-typo-number--lining">0123456789</p>
<p class="dnb-typo-number--tabular">0123456789</p>
<p class="dnb-typo-number--oldstyle">0123456789</p>