CSS Font Feature Settings Generator

Generate CSS font-feature-settings to control OpenType font features

Sample Text

Preview

The quick brown fox jumps 0123456789 over the lazy dog. 1/2 + 3/4 = 5/4

Font Features

Standard Ligaturesliga

Common ligatures (fi, fl)

Discretionary Ligaturesdlig

Optional ligatures

Kerningkern

Adjust spacing between letters

Small Capssmcp

Convert to small capitals

Caps to Small Capsc2sc

Capitals to small caps

Swashswsh

Stylistic alternates

Contextual Alternatescalt

Context-specific alternates

Slashed Zerozero

Zero with slash

Old Style Numeralsonum

Traditional number style

Lining Numeralslnum

Uniform height numbers

Tabular Numeralstnum

Fixed-width numbers

Proportional Numeralspnum

Variable-width numbers

Fractionsfrac

Diagonal fractions

Ordinalsordn

Superscript ordinals

Superscriptsups

Superscript characters

Subscriptsubs

Subscript characters

CSS Output

font-feature-settings: "liga" 1, "kern" 1, "calt" 1;

Note: Font features depend on the font family used. Not all fonts support all features. Try using fonts like "Georgia", "Times New Roman", or premium fonts for better results.