font-variant-capsBaseline · Widely available

The font-variant-caps CSS property sets whether text should be displayed in small caps, petite caps, or with capital letters designed for titles.

Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Jan 15, 2020. Widely available since Jul 15, 2022.

How to use ↓Compare browsers

Browser support

DesktopChrome

1–51Not supported

52+Supportedsince Jul 20, 2016

Current: 155

Edge

12–18Not supported

79+Supportedsince Jan 15, 2020

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–51Not supported

52+Supportedsince Jul 27, 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-variant-caps.

Feature detection

CSS · check before using

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

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

Documentation (MDN)

font-variant-caps ↗

Specification

drafts.csswg.org#font-variant-caps-prop ↗

Sub-features

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

Sub-feature	Chrome	Edge	Firefox	Safari	Chrome Android	Firefox Android	Safari iOS
font-variant-caps	52	79	34	9.1	52	34	9.3
font-variant-caps.all-petite-caps	52	79	34	9.1	52	34	9.3
font-variant-caps.all-small-caps	52	79	34	9.1	52	34	9.3
font-variant-caps.normal	52	79	34	9.1	52	34	9.3
font-variant-caps.petite-caps	52	79	34	9.1	52	34	9.3
font-variant-caps.small-caps	52	79	34	9.1	52	34	9.3
font-variant-caps.titling-caps	52	79	34	9.1	52	34	9.3
font-variant-caps.unicase	52	79	34	9.1	52	34	9.3