🌙

OpenType Feature Explorer

Toggle and preview advanced typographic OpenType features like ligatures, stylistic alternates, and tabular numbers.

Figure 0123456789

Affectionate fifth

About This Tool

Many professional fonts contain powerful OpenType features that can elevate your typography. This tool provides an interactive way to explore them. You can enable features like ligatures (which combine characters like 'f' and 'i') or tabular figures (which make numbers align in tables) and see their effect live in the preview pane.

How to Use

  1. Select a font from the dropdown. Fonts like 'Fira Code' or 'Source Sans Pro' are great for testing.
  2. In the preview area, you will see text specifically designed to showcase OpenType features.
  3. Use the checkboxes to turn different features on and off.
  4. Observe the subtle (or significant) changes in the rendered text as you toggle the features.

Frequently Asked Questions (FAQs)

How do I use these features in CSS?

You use the `font-feature-settings` CSS property. For example, `font-feature-settings: 'liga' on, 'tnum' on;` would enable standard ligatures and tabular numbers.

Do all Google Fonts support these features?

No, feature support varies widely between fonts. This tool lets you discover which fonts support which features. Generally, more robust and popular fonts have better feature support.