Feature lab

Pick a font, then ask it for features. Each option says whether this font file has the feature.

Font

Figures: font-variant-numeric normal lining-nums lnum oldstyle-nums onum

normal proportional-nums pnum tabular-nums tnum

Fractions (on the fractions) and more normal diagonal-fractions frac stacked-fractions afrc

slashed-zero zero ordinal ordn

Caps, on the abbreviations: font-variant-caps normal small-caps smcp all-small-caps smcp c2sc petite-caps pcap unicase unic

let the browser fake missing small caps font-synthesis-small-caps

Ligatures: font-variant-ligatures common liga discretionary dlig contextual calt

kerning auto kerning none kern

Position, on the 2s: font-variant-position normal super sups sub subs

Alternates case-sensitive forms on the capitals line case Stylistic set font-variant-alternates Character variant

The samples: default, and with your settings

With your settings

Item	Price
Coffee	3.50
Lunch special	11.95
Train ticket	108.00
Laptop stand	49.99
Total	173.44

With your settings

The NASA launch window opens at 9:30 on the 21st, 2nd floor. The HTML and CSS for the countdown shipped the day before. Water is H2O; energy is mc2.

With your settings

The office staff find fluffy waffles fit for a fiesta.

if (p->next != 0) total = 3x4;

(PRE-SALE) [NEW] @HQ: Il1 O0 a f t u ß G 3 4 6 9

With your settings

Mix 1/2 cup flour, 3/4 tsp salt and 2 1/3 cups water. Bake at 180 °C for 25 minutes; serves 10.

The CSS for your settings

Why tables want tabular figures

The same changing number, twice, right-aligned, in the chosen font. Proportional figures change width as the digits change, so the number shivers; tabular figures keep every digit the same width.

proportional-nums: 0.00
tabular-nums: 0.00