Tag Archives: font

Text Figures and Lining Figures

Are you using the correct sort of numbers? Numbers come in two forms: old style and lining.

oldstyle-proportional-equalOld style figures

lining-proportional-equalLining figures

The difference between old style and lining figures is how they sit relevant to the text’s baseline and x-height.

handgloves-oldstyle-baseline handgloves-lining-baseline

Generally speaking, old style numbers look better within normal text, because they keep the same “pattern” of ascenders and descender; and lining numbers look better when used with text set in all caps as they match the height of the line.

supernova-capitals-oldstyle

With the text in all caps the old style numbers stand out as odd, but the all caps text looks much better when the old style figures are replaced with lining figures.

supernova-capitals-lining

With normal text, the old style figures help the text to look more normal, but the name of the supernova still stands out as looking a bit odd.

supernova-oldstyle

But the best option is a combination of both old style and lining figures as shown below.

supernova-mixed

Both old style and lining figures can come in proportional and monospaced (fixed-width) varieties. Monospaced figures are sometimes called tabular figures, because they are used in tables so that columns of tens, hundreds, thousands, etc. line up properly.

comparison-oldstyle
L-R: Proportional old style figures and tabular old style figures.

comparison-lining
L-R: Proportional lining figures and tabular lining figures.