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

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

Browser Support

Desktop
Explorer Edge Chrome Firefox Opera Safari
10154834359.1
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
4.44834359.35.0

Last updated by CSSPortal on: