font-synthesis-small-caps | Frontend Practical Guide

Overview

The font-synthesis-small-caps CSS property sets whether or not the browser should synthesize small caps typefaces when they're missing from the font.

1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)

CSS

.no-synth-caps {
  font-variant-caps: small-caps;
  font-synthesis-small-caps: none;
}
.allow-synth {
  font-synthesis-small-caps: auto;
}

CSS composite with(auto) demo.

CSS composite none(none) demo.

CSS comparison view demo.

Using font-synthesis-small-caps
The font-synthesis-small-caps CSS property sets whether or not the browser should synthesize small caps typefaces when they're missing from the font.