moz-font-feature-settings: 'ordn' /* low-level (old Firefox) */

webkit-font-feature-settings: 'subs' /* low-level (old Webkit) */įont-feature-settings: 'subs' on /* low-level (all new browsers) */įedra Serif A 1st 17th 2a 1 st 17 th 2 a font-variant-numeric: ordinal /* high-level property */ moz-font-feature-settings: 'subs' /* low-level (old Firefox) */ webkit-font-feature-settings: 'sups' /* low-level (old Webkit) */įont-feature-settings: 'sups' on /* low-level (all new browsers) */įedra Sans HO 0123456789 HO 0123456789 font-variant-position: sub /* high-level property */ moz-font-feature-settings: 'sups' /* low-level (old Firefox) */ webkit-font-feature-settings: 'frac' /* low-level (old Webkit) */įont-feature-settings: 'frac' on /* low-level (all new browsers) */īrioni Text HO 0123456789 HO 0123456789 font-variant-position: super /* high-level property */ moz-font-feature-settings: 'frac' /* low-level (old Firefox) */ webkit-font-feature-settings: 'zero' /* low-level (old Webkit) */įont-feature-settings: 'zero' on /* low-level (all new browsers) */įedra Serif Display 1 1/2 h 3 98/100 1 1/2 h 3 98/100 font-variant-numeric: diagonal-fractions /* high-level property */ moz-font-feature-settings: 'zero' /* low-level (old Firefox) */ Greta Display 0123456789 0123456789 font-variant-numeric: slashed-zero /* high-level property */ webkit-font-feature-settings: 'tnum' /* low-level (old Webkit) */įont-feature-settings: 'tnum' on /* low-level (all new browsers) */ moz-font-feature-settings: 'tnum' /* low-level (old Firefox) */ webkit-font-feature-settings: 'lnum' /* low-level (old Webkit) */įont-feature-settings: 'lnum' on /* low-level (all new browsers) */įedra Sans 0123456789 0123456789 font-variant-numeric: tabular-nums /* high-level property */ moz-font-feature-settings: 'lnum' /* low-level (old Firefox) */ webkit-font-feature-settings: 'onum' /* low-level (old Webkit) */įont-feature-settings: 'onum' on /* low-level (all new browsers) */ moz-font-feature-settings: 'onum' /* low-level (old Firefox) */ Plan Grotesque 0123456789 0123456789 font-variant-numeric: oldstyle-nums /* high-level property */

The examples below use both the high-level and low-level CSS syntax, and include prefixed low-level syntax for older versions of Firefox and Webkit browsers. This property is supported by the latest versions of all major browsers. It offers an easy way to access OpenType features directly using standard 4-letter tags. The low-level property font-feature-settings is specific to OpenType fonts. The specification recommends authors to use these properties whenever possible – but not all browsers support them yet. High-level properties are independent of font format and have semantic, human-readable names. The CSS3 Specification defines two ways of accessing OpenType features in CSS: high-level and low-level properties.

Firefox css webkit