font-feature-settings Generator
Toggle OpenType features — ligatures, small caps, tabular figures, stylistic sets — and copy the CSS.
Runs entirely in your browser — no upload, no registration.
CSS
font-feature-settings: "liga", "kern";What this tool does
Builds a font-feature-settings string from a checklist of common OpenType feature tags.
Why you might need it
Fonts pack extra glyph variants that CSS ignores by default. Enabling them unlocks fractions, aligned tables of numbers, and design details.
How to use it
- Turn features on/off.
- Copy the CSS.
- Where possible, prefer higher-level properties like font-variant-numeric for readability.
Always review the included licence before commercial use. Do not remove copyright records, designer names, licensing metadata or embedding restrictions from any font you process.