CSS OpenType Features Previewer
Build font-feature-settings CSS from OpenType feature toggles.
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.
Browse the full set of free, private, in-browser tools.