PB
Available
design_services
lock Free · Private · In-Browser

CSS OpenType Features Previewer

Build font-feature-settings CSS from OpenType feature toggles.

Preview sample

How CSS OpenType Features Previewer works

CSS OpenType Features Previewer is designed to build font-feature-settings CSS from OpenType feature toggles. Feature tags are emitted as explicit zero or one values for liga, dlig, onum, and smcp inside font-feature-settings. CSS OpenType Features Previewer adds a focused result for this operation. For CSS OpenType Features Previewer, its displayed result gives the current settings a concrete value that can be checked before anything is copied or downloaded.

The defaults enable standard ligatures and oldstyle numerals while leaving discretionary ligatures disabled. Use it to compare numeral styles, small caps, and ligature behavior in a typeface that actually includes those OpenType tables. In CSS OpenType Features Previewer, that reproducible starting point makes later changes easier to evaluate because the underlying method stays constant.

Limits, output, and privacy

Unsupported feature tags are ignored, and the system font used by the preview may not contain every selected feature. For CSS OpenType Features Previewer, browser support and surrounding layout still matter, so the copied rule should be checked in the project and target browsers where it will ship. CSS OpenType Features Previewer keeps the operation client-side. With CSS OpenType Features Previewer, the page processes its source locally, then copies or downloads the in-memory result without uploading it.

Frequently Asked Questions

How does the CSS OpenType features previewer work?

It will build font-feature-settings CSS from OpenType feature toggles. The default controls reproduce the worked vector described on the page.

What should I verify before using the result?

For CSS OpenType Features Previewer, browser support and surrounding layout still matter, so the copied rule should be checked in the project and target browsers where it will ship.

Does the CSS OpenType features previewer upload my input?

No. CSS OpenType Features Previewer performs its calculation, preview, and copy or download action locally in your browser.

Take it further
All Free Tools

Browse the full set of free, private, in-browser tools.

Learn More arrow_forward