font-synthesis-weight

Baseline 2023
Newly available

Since March 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Die font-synthesis-weight CSS-Eigenschaft ermöglicht es Ihnen zu bestimmen, ob der Browser die fette Schriftart synthetisieren darf, wenn sie in einer Schriftfamilie fehlt.

Es ist oft praktisch, die Kurzform-Eigenschaft font-synthesis zu verwenden, um alle Werte der Schrifttypen-Synthese zu steuern.

Syntax

css
/* Keyword values */
font-synthesis-weight: auto;
font-synthesis-weight: none;

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

Werte

auto

Gibt an, dass die fehlende fette Schriftart vom Browser bei Bedarf synthetisiert werden kann.

none

Gibt an, dass die Synthese der fehlenden fetten Schriftart durch den Browser nicht erlaubt ist.

Formale Definition

Anfangswertauto
Anwendbar aufall elements and text. Auch anwendbar auf ::first-letter und ::first-line.
VererbtJa
Berechneter Wertwie angegeben
Animationstypdiskret

Formale Syntax

font-synthesis-weight = 
  auto  |
  none

Beispiele

Deaktivierung der Synthese für fette Schriftart

Dieses Beispiel zeigt, wie die Synthese der fetten Schriftart durch den Browser in der Montserrat-Schriftart deaktiviert wird.

HTML

html
<p class="english">
  This is the default <strong>bold typeface</strong> and
  <em>oblique typeface</em>.
</p>

<p class="english no-syn">
  The <strong>bold typeface</strong> is turned off here but not the
  <em>oblique typeface</em>.
</p>

CSS

css
@import "https://fonts.googleapis.com/css2?family=Montserrat&display=swap";

.english {
  font-family: "Montserrat", sans-serif;
}
.no-syn {
  font-synthesis-weight: none;
}

Ergebnis

Spezifikationen

Specification
CSS Fonts Module Level 4
# font-synthesis-weight

Browser-Kompatibilität

Siehe auch