font-synthesis
The font-synthesis property specifies which font properties to synthesize.
Formal Syntax
none | [ weight || style || small-caps || position]
JavaScript Access
// Access via element.style
element.style.fontSynthesis = 'weight style small-caps position';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| font-synthesis | 97 | 34 | 9 | 97 |
| none | 97 | 34 | 9 | 97 |
| position | โ | 118 | โ | โ |
| small-caps | 97 | 93 | 10.1 | 97 |
| style | 97 | 34 | 10.1 | 97 |
| weight | 97 | 34 | 10.1 | 97 |
Related Properties
- font
- font-family
- font-feature-settings
- font-kerning
- font-language-override
- font-optical-sizing
- font-palette
- font-size
- font-size-adjust
- font-style
- font-synthesis-small-caps
- font-synthesis-style
- font-synthesis-weight
- font-variant
- font-variant-alternates
- font-variant-caps
- font-variant-east-asian
- font-variant-emoji
- font-variant-ligatures
- font-variant-numeric
- font-variant-position
- font-variation-settings
- font-weight
- font-synthesis-position ๐งช
- font-width ๐งช
- font-stretch ๐๏ธ