font-feature-settings

The font-feature-settings property controls advanced typographic features in OpenType fonts.

Syntax

Examples:

div.one {
  font-feature-settings: "smcp" on;
}

div.one {
  font-feature-settings: "c2sc", "smcp";
}

div.one {
  font-feature-settings: "frac";
}

Values

normal
Default value. The default text layout settings are applied.

feature-value
Uses a string of 4 ASCII characters followed by 1, 0, on, or off.

Browser Compatibilty

Demos

Have a code example of font-feature-settings? Submit a codepen.io demo and we'll showcase it here ↴