CSS font-synthesis Property
Example
p {
font-family: "Times New Roman", Times, serif;
font-synthesis: small-caps;
}Hello World!
Bold and Italicized text.
Meaning:
The font-synthesis CSS property controls which missing typefaces, bold, italic, or small-caps, may be synthesized by the browser.
| Default value: | weight style |
| Inherited: | yes |
| Animatable: | Discrete |
| Version: | CSS3 |
| JavaScript syntax: | |
Standard Syntax
font-synthesis: none|weight|style|small-caps|initial|inherit|revert|revert-layer|unset;Browser Support
Status
Property Values
The following table describes the values of this property:
| Value | Description |
|---|---|
| none | Indicates that no bold, italic, nor small-caps typeface may be synthesized. |
| weight | Indicates that a bold typeface may be synthesized if needed. |
| style | Indicates that an italic typeface may be synthesized if needed. |
| small-caps | Indicates that a small-caps typeface may be synthesized if needed. |
| initial | Sets this property to its default value. |
| inherit | If specified, the associated element takes the computed value of its parent element animation-delay property. |
| revert | Reverts the cascaded value of the property from its current value to the value the property |
| revert-layer | Rollback styles to the ones specified in previous cascade layers. |
| unset | Resets a property to its inherited value if the property naturally inherits from its parent, and to its initial value if not. |
Default CSS Property Values
selectors {
font-synthesis: weight style;
}