OpenType gallery
Every sample below is live in your browser, set with the same font-variant-* utility classes hypertype ships. No JavaScript. The catch with OpenType is that the font has to carry the feature: most of these use Source Serif 4, but a slashed zero and true small caps are rarer, so those two are shown in IBM Plex Mono and EB Garamond.
Tabular figures
.ht-tnum1,024.50
9,870.05
9,870.05
Oldstyle figures
.ht-onumIn 1847, 0123456789
Slashed zero
.ht-zero0 vs O · ID 10042
True small caps
.ht-smallcapsthe nasa report
Fractions
.ht-frac1/2 3/4 7/8 21/32
Ligatures
font-variant-ligaturesfi fl ffi · ct st
These compose: a data table wants tabular-nums slashed-zero, running prose wants oldstyle-nums, an acronym in text wants all-small-caps. Prefer the font-variant-* longhands over font-feature-settings, which is all-or-nothing and silently clobbers other features. The full tag catalog, including stylistic sets and the must-use-the-raw-tag cases (case, ss01–ss20, swashes, titling caps), is in the reference.