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 | |||||
 |
 |
 |
 |
 |
 |
| 10 | 15 | 48 | 34 | 35 | 9.1 |
| Tablets / Mobile | |||||
 |
|
|
|
|
 |
| 4.4 | 48 | 34 | 35 | 9.3 | 5.0 |
Last updated by CSSPortal on: