font-feature-settingsBaseline · Widely available

The font-feature-settings CSS property sets low-level OpenType feature tags for a font. When possible, use font-variant instead.

Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Apr 5, 2017. Widely available since Oct 5, 2019.

How to use ↓Compare browsers

Browser support

DesktopChrome

1–47Not supported

48+Supportedsince Jan 20, 2016

Current: 155

Edge

12–14Not supported

15+Supportedsince Apr 5, 2017

Current: 154

Firefox

1–33Not supported

34+Supportedsince Dec 1, 2014

Current: 157

Safari

1–9Not supported

9.1+Supportedsince Mar 21, 2016

Current: 27

MobileChrome Android

18–47Not supported

48+Supportedsince Jan 26, 2016

Current: 155

Firefox Android

4–33Not supported

34+Supportedsince Dec 1, 2014

Current: 157

Safari iOS

1–9Not supported

9.3+Supportedsince Mar 21, 2016

Current: 27

How to use

This feature is Baseline widely available — use it freely, no fallback needed.

Example

Full syntax and examples are on MDN: font-feature-settings.

Feature detection

CSS · check before using

@supports (font-feature-settings: initial) {
  /* styles that rely on font-feature-settings */
}

/* or in JavaScript */
if (CSS.supports("font-feature-settings", "initial")) {
  // use it
}

Documentation (MDN)

Specification

drafts.csswg.org#font-feature-settings-prop ↗

Usage share

caniuse.com/font-feature ↗

Sub-features

Support for each part of the feature (3). The overall table above shows when the whole feature works.

Sub-feature	Chrome	Edge	Firefox	Safari	Chrome Android	Firefox Android	Safari iOS
@font-face.font-feature-settings	140	140	34	10	140	34	10
font-feature-settings	48	15	34	9.1	48	34	9.3
font-feature-settings.normal	48	15	34	9.1	48	34	9.3