Skip to content

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.

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, ss01ss20, swashes, titling caps), is in the reference.