@font-feature-values | CSS At-Rules

An at-rule that lets you define custom aliases for OpenType font features, making your CSS easier to read when working with complex typography.

Quick example

@font-feature-values "MyFont" {
  @styleset {
    fancy: 1;
  }
}

.element {
  font-variant-alternates: styleset(fancy);
}

Widely available Since 2023 92% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2023.

Safe to use without fallbacks.

111+

34+

9.1+

111+