font-synthesis

Summary

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

Syntax

font-synthesis: none;
font-synthesis: weight;
font-synthesis: style;
font-synthesis: weight style;

/* Global values */
font-synthesis: initial;
font-synthesis: inherit;
font-synthesis: unset;

Values

none

This keyword indicates that neither bold nor italic typeface must be synthesized.

weight

This keyword indicates that a bold typeface may be synthesized if needed.

style

This keyword indicates that an italic typeface may be synthesized if needed.

Formal syntax

none | [ weight || style ]

Examples

HTML

<div class="syn">Don't try and synthesize me!</div>

CSS

.syn {font-synthesis: none;}

Result

Specifications

Browser Compatibility

[1] Experimental implementation was available since Gecko 33. It was governed by the preference layout.css.font-features.enabled defaulting to true on Nightly and Aurora only.