font-synthesis-weight | Frontend Practical Guide

Overview

The font-synthesis-weight CSS property sets whether or not the browser should synthesize bold 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

.precise-weight {
  font-synthesis-weight: none;
}
.flexible {
  font-synthesis-weight: auto;
}

CSS compositebo-ld(auto) demo.

CSS composite none(none) demo.

CSS comparison demo.

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