CSS font-feature-settings Property


The font-feature-settings property is very useful for developers if you want to control advanced typographic features in open type fonts.

We can gain control over advanced typographic settings such as swashes, small caps, and ligatures by using this property. To enable them, you must first declare the value in quotes, followed by either 1 or on if you want to enable it. If you want to turn it off, enter 0 or turn it off.

Syntax

Example

Preview

Property Values

Value Description
normal Default. To lay out text, use the default settings.
feature-value Format: [1 | 0 | on | off] string A string of four ASCII characters is always used.

Supported Browsers

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