CSS font-feature-settings property

Definition and Usage

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

Example

Define font-feature-settings:

/* Enable small-caps */
.ex1 { font-feature-settings: "smcp" on; }
/* Convert both uppercase and lowercase to small caps */
.ex2 { font-feature-settings: "c2sc", "smcp"; }
/* No common ligatures */
.ex3 { font-feature-settings: "liga" 0; }
/* Enable automatic fractions */
.ex4 { font-feature-settings: "frac"; }

Try It Yourself

CSS Syntax

font-feature-settings: normal|feature-value;

Attribute Value

Value Description
normal Default. Use the default settings to arrange the text.
feature-value Format: string [1|0|on|off], the string is always 4 ASCII characters.

Technical Details

Default Value: normal
Inheritance: Yes
Animation Creation: Not supported. See also:Animation-related properties.
Version: CSS3
JavaScript Syntax: object.style.fontFeatureSettings="normal"

Browser Support

The numbers in the table indicate the first browser version that fully supports the property.

Numbers with -webkit- or -moz- prefixes indicate the first version using the prefix.

Chrome IE / Edge Firefox Safari Opera
48.0
16.0 -webkit- 		10.0 34.0
15.0 -moz- 		9.1 35.0
15.0 -webkit-