CSS font-feature-settings Property

Description

The font-feature-settings property provides low-level control over OpenType font features. It is intended as a way of providing access to font features that are not widely used but are needed for a particular use case.

Initial value: normal
Applies to: All elements
Inherited: Yes
Media: Visual
Computed value: As specified
Animatable: No
CSS Version: CSS3
JavaScript syntax: object.style.fontFeatureSettings

Syntax

font-feature-settings: normal | <feature-tag-value> #

Values

normalNo change in glyph selection or positioning occurs due to this property.
<feature-tag-value> = <string> [ <integer> | on | off ]?The <string> is a case-sensitive OpenType feature tag. As specified in the OpenType specification, feature tags contain four ASCII characters. An <integer> value must be 0 or greater. A value of 0 indicates that the feature is disabled. For boolean features, a value of 1 enables the feature.

Example

CSS

.class {
   font-feature-settings: "smcp", "swsh" 2;
}

Browser Support

Desktop

10	15	48	34	35	9.1

Tablets / Mobile

4.4	48	34	35	9.3	5.0

Last updated by CSSPortal on:

Share this Page

If you have enjoyed using CSSPortal, please consider sharing this page with other users, just click on your preferred social media link or copy the webpage from the link below.

URL

Menu