Font Technology

Why Numbers Look Different in Fonts: A Guide to Figure Styles

Most people spend a lot of time looking at the letters in a font and almost no time looking at its numbers. Yet numbers appear everywhere: prices, dates, phone numbers, statistics, sports scores, financial reports, restaurant menus and website dashboards. Look closely at the numbers in different typefaces and something interesting becomes obvious. In one font, every numeral stands upright at roughly the height of a capital letter. In another, the 3 might drop below the baseline while the 6 rises above surrounding characters. In a spreadsheet, every number may occupy exactly the same amount of horizontal space, while the same numerals in a headline suddenly become narrower or wider according to their shape.

These differences are intentional. Well-developed typefaces can contain several complete sets of numerals, each designed for a different purpose. The four combinations designers encounter most often come from two separate decisions: whether the numbers are lining or oldstyle, and whether they are proportional or tabular. A single OpenType font may contain all four combinations, meaning the numbers you see by default are not necessarily the only numbers hidden inside the font.

Lining and Oldstyle Numbers Solve Different Typographic Problems

Lining figures are probably what most people imagine when they think of modern numerals. The digits generally sit on the same baseline and have similar vertical proportions, often approaching the height of capital letters. A sequence such as 2026 therefore forms a relatively even horizontal block. Microsoft’s current OpenType specification describes the registered lnum feature as a way to select lining figures and specifically notes that they can fit better alongside all-capital text.

That makes intuitive sense. Consider a poster containing:

FONTLARK
DESIGN CONFERENCE
2026

If the letters are all capitals, numerals that stand at a comparable height create a strong, consistent line. This is one reason lining figures work naturally in signage, headlines, navigation, pricing displays and interfaces where numbers need to feel prominent rather than disappear into a paragraph.

Oldstyle figures behave differently. They are sometimes informally described as lowercase numbers because their vertical rhythm is more similar to lowercase letters. Some sit around the x-height, while others may rise or descend in a way that resembles ascenders and descenders in ordinary text. Instead of forming a rigid row, the numerals develop a more varied silhouette.

Microsoft’s OpenType specification describes the onum feature as selecting oldstyle forms that can fit more naturally into normal upper and lowercase text. You can see the distinction in Microsoft’s OpenType font feature examples, which demonstrate standard and oldstyle numeral sets.

This matters more than it might seem. Imagine a paragraph in an editorial serif:

The company was founded in 1926 and expanded to 14 countries by 1968.

Large lining numerals can visually interrupt the texture of lowercase text because they behave more like capital letters. Oldstyle figures can blend into the paragraph, creating a less conspicuous rhythm. Monotype’s guide to figure styles describes proportional oldstyle figures as particularly appropriate for text because they integrate with lowercase forms rather than creating a continuous line of capital-height numbers.

This does not mean oldstyle figures are inherently superior for books or lining figures are only for websites. The design of the typeface matters, and some fonts use one style as their default. The important point is that the two systems have different visual behaviour. If you are setting a historical date inside a long article, oldstyle numbers may disappear comfortably into the reading texture. If you are displaying $249 in a large ecommerce card, that same subtlety might be exactly what you do not want.

You can see these differences particularly clearly in more traditional serif fonts, although modern sans serif fonts can also include extensive numeral sets. When evaluating a font, typing 0123456789 can reveal almost as much about its personality as typing the alphabet.

Why a Financial Table Needs Different Numbers From a Headline

The second distinction has nothing to do with how high the numbers sit. It concerns their horizontal width.

In normal typography, the digit 1 is visually much narrower than 8. If both were given only the amount of space their shapes naturally require, a sequence of numbers would have irregular widths. These are called proportional figures. Each numeral receives an advance width appropriate to its individual design.

This usually produces attractive spacing in ordinary text. A date such as 15 May 2026 does not contain strange empty gaps around every narrow 1. The numbers behave more like normal letters, with their horizontal spacing adapted to their forms.

There is one situation where this becomes a problem: columns of changing numbers.

Imagine a financial table:

$1,111.00
$8,888.00
$2,450.75
$9,102.10

If every numeral has a different width, the positions of the decimal points and digits can shift from line to line. Numbers become harder to scan vertically, especially when values update dynamically.

Tabular figures solve this by giving every numeral the same advance width. The 1 receives exactly as much horizontal space as the 8, even though the physical glyph itself is narrower. This makes columns line up predictably.

The official OpenType registered-features specification defines pnum as Proportional Figures and tnum as Tabular Figures. The specification explains that proportional figures use glyph-specific widths while tabular figures use uniform widths so numbers can align vertically.

This is why the choice has practical consequences far beyond aesthetics. Tabular figures are useful for bank statements, stock prices, sports results, countdown timers, analytics dashboards and tables where values frequently change. A sports scoreboard showing 1 should not suddenly become narrower when the score changes from 8. A cryptocurrency price should not make surrounding interface elements appear to jump every time different digits arrive.

For ordinary headings, however, the extra space around narrow tabular digits can feel awkward. Consider a large title containing:

25 Ideas for 2026

Proportional figures may create a more natural visual rhythm because each numeral occupies an appropriate amount of space. Monotype specifically recommends proportional lining figures for uses such as headlines where the rigid equal widths of tabular numbers are unnecessary.

This produces an interesting result: there is no single “correct” numeral set for a font. A typeface might reasonably provide lining proportional, lining tabular, oldstyle proportional and oldstyle tabular figures. The vertical style and horizontal spacing system are separate decisions.

Figure styleTypical use
Proportional oldstyleBooks, articles and running text
Proportional liningHeadlines, dates, branding and general display use
Tabular liningPrices, dashboards, financial data and tables
Tabular oldstyleTables requiring an oldstyle typographic appearance

These are useful starting points rather than strict rules. A restaurant menu may deliberately use oldstyle figures for prices because the designer wants a literary or historical character. A contemporary editorial site may use lining figures everywhere for a cleaner visual system. Typography always involves context.

The Numbers Hidden Inside a Font Can Be Controlled With CSS

This distinction is not limited to Adobe Illustrator or professional publishing software. Modern CSS includes specific controls for numerical typography through font-variant-numeric.

The current W3C CSS Fonts Module Level 4 defines values for lining, oldstyle, proportional and tabular numerals. Provided the selected font actually contains the required OpenType features, a developer can request them directly.

For example, an article could use oldstyle proportional figures:

.article {
    font-variant-numeric: oldstyle-nums proportional-nums;
}

A financial table could instead request lining tabular figures:

.financial-table {
    font-variant-numeric: lining-nums tabular-nums;
}

This can be particularly valuable for interfaces containing live data. Consider a dashboard where the number of active users changes from 111 to 888. With proportional numbers, the second value may occupy significantly more width. With tabular figures, the three positions remain consistent because each digit occupies the same advance width.

Adobe’s OpenType CSS documentation also shows the underlying feature tags: lnum for lining figures, onum for oldstyle figures, pnum for proportional figures and tnum for tabular figures. CSS provides the higher-level font-variant-numeric syntax so developers do not usually need to manipulate those feature tags directly.

The font must support the feature. CSS cannot invent an oldstyle numeral set that the type designer never drew. If nothing changes after enabling oldstyle-nums, the font may already use oldstyle numerals by default or may simply not contain an alternative set.

Numbers can hide even more features. OpenType fonts may contain specially designed fractions, ordinals, slashed zeros and alternative number forms. CSS Fonts Level 4 includes controls for features such as diagonal-fractions, stacked-fractions and slashed-zero. A slashed zero is particularly useful where distinguishing 0 from uppercase O matters, such as programming, serial numbers or technical data.

This is one reason monospace fonts deserve close inspection when choosing a font for code or data-heavy applications. The alphabet may receive most of the attention in the preview, but numeral clarity can be just as important to the people using the interface.

Before Choosing a Font, Type More Than “The Quick Brown Fox”

The traditional alphabet specimen is useful, but it can hide entire parts of a typeface that matter in real projects. If you are choosing a font for an ecommerce site, type prices. If you are designing a sports app, type scores. For an annual report, test percentages, years, currency values and multi-column financial data. For a restaurant, look at how prices behave next to menu items. The font that looks beautiful in a heading may become frustrating when dozens of numbers have to line up beneath one another.

A simple font test could include:

0123456789
2026
$1,299.95
01/09/2026
15%
3.14159
100,000
£249
1st 2nd 3rd

Look at the width of 1 compared with 8. Check whether all the numbers sit on the same baseline. See whether 3, 4, 5, 7 or 9 descend when oldstyle figures are enabled. Examine the zero and uppercase O together. If the font contains tabular figures, place several values in a column and watch whether their digits align.

This is particularly useful when selecting display fonts. Display typefaces can contain unusual numeral designs that look fantastic in a poster but may be unsuitable for dense financial information. Conversely, a restrained interface font may have excellent tabular figures even if its alphabet initially looks less distinctive.

The interesting part is that all of these versions can belong to the same font. You are not necessarily choosing between four separate typefaces. An OpenType font can contain multiple numeral systems and allow software to substitute the appropriate glyphs when requested. Microsoft’s specification treats the lining versus oldstyle choice separately from the proportional versus tabular choice, which is why designers can combine them in different ways.

Once you understand this, a common typography mistake becomes easy to spot. Designers sometimes increase or decrease tracking in an attempt to make columns of numbers align. That is not what tracking is designed to solve. If a font contains tabular figures, switching to them provides a much cleaner solution because the numeral widths were designed specifically for that purpose.

It also changes how you judge fonts. A typeface with a beautiful lowercase a and elegant uppercase R may still be a poor choice for a finance dashboard if its figures are difficult to distinguish or it lacks useful numeric options. Another apparently simple font might contain several complete figure sets, fractions, currency symbols and tabular widths that make it far more capable in practice.

Numbers are therefore not secondary characters that a type designer adds after finishing the alphabet. In a carefully built family, they are their own typographic system.

The next time you download a font, type 0123456789 before deciding whether you like it. Then check the OpenType controls and see if another set of numbers is hiding inside. The difference can completely change how the typeface behaves.

Explore fonts on FontLark or compare our serif, sans serif, display and monospace fonts with numbers as well as letters. You may discover that the most useful part of your next font is not in the alphabet at all.

Research Sources

  1. Microsoft OpenType Specification: Lining and Oldstyle Figures
    Official OpenType documentation defining the lnum and onum features and explaining their intended typographic uses.
  2. Microsoft OpenType Specification: Proportional and Tabular Figures
    Primary documentation defining pnum and tnum, including the distinction between glyph-specific and uniform numeral widths.
  3. W3C CSS Fonts Module Level 4: Numerical Formatting
    Current CSS specification covering font-variant-numeric, lining and oldstyle figures, proportional and tabular numbers, fractions and slashed zeros.
  4. Adobe Fonts: Syntax for OpenType Features in CSS
    Practical documentation showing how OpenType number features including lnum, onum, pnum and tnum map to CSS.
  5. Monotype: How to Use Figure Styles
    A practical typography guide comparing tabular lining, proportional lining, proportional oldstyle and tabular oldstyle numeral systems.
  6. Microsoft Learn: OpenType Font Features
    Examples demonstrating oldstyle numerals and the practical distinction between proportional and tabular figures.

Technical note: Not every font contains every numeral style described above. Available figure sets depend on what the type designer included in the font and what OpenType features are supported by the software displaying it.