CSS font-variant

The font-variant property is a shorthand for several font variant features. It can enable small caps, ligatures, numeric forms and East Asian typography features when the selected font supports them.

Syntax

font-variant: normal;
font-variant: small-caps;
font-variant: common-ligatures tabular-nums;

Common longhands

font-variant-caps
font-variant-ligatures
font-variant-numeric
font-variant-east-asian

Example

.label { font-variant: small-caps; }

Result:

Small caps label

Important note

The browser can only use features that exist in the font. If a font lacks real small caps or numeric variants, the result may be simulated or unchanged.