CSS font-synthesis Property

❮ Previous Reference Next ❯


p {
  font-family:  "Times New Roman", Times, serif;
  font-synthesis: small-caps;

Hello World!

Bold and Italicized text.


The font-synthesis CSS property controls which missing typefaces, bold, italic, or small-caps, may be synthesized by the browser.

Default value:weight style
JavaScript syntax:

Standard Syntax

font-synthesis: none|weight|style|small-caps|initial|inherit|revert|revert-layer|unset;

Browser Support


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;
❮ Previous Reference Next ❯