Diefont-synthesis-small-capsCSS Eigenschaft ermöglicht es Ihnen, festzulegen, ob der Browser einen Small-Caps-Schriftgrad synthetisieren darf, wenn dieser in einer Schriftfamilie fehlt. Small-Caps-Glyphen verwenden typischerweise die Form von Großbuchstaben, sind jedoch auf die Größe von Kleinbuchstaben reduziert.

Es ist oft praktisch, die Kurzschreibweiseigenschaftfont-synthesis zu verwenden, um alle Schriftgrad-Synthesewerte zu steuern.

Syntax

/* Keyword values */font-synthesis-small-caps: auto;font-synthesis-small-caps: none;/* Global values */font-synthesis-small-caps: inherit;font-synthesis-small-caps: initial;font-synthesis-small-caps: revert;font-synthesis-small-caps: revert-layer;font-synthesis-small-caps: unset;

Werte

auto

Gibt an, dass der fehlende Small-Caps-Schriftgrad bei Bedarf vom Browser synthetisiert werden darf.

none

Gibt an, dass die Synthese des fehlenden Small-Caps-Schriftgrads durch den Browser nicht erlaubt ist.

Formale Definition

Formale Syntax

font-synthesis-small-caps =
auto|
none

Beispiele

Deaktivieren der Synthese von Small-Caps-Schriftgrad

Dieses Beispiel zeigt, wie die Synthese des Small-Caps-Schriftgrads durch den Browser bei der SchriftMontserrat deaktiviert wird.

HTML

<p>  These are the default <span>small-caps</span>,  <strong>bold</strong>, and <em>oblique</em> typefaces.</p><p>  The <span>small-caps</span> typeface is turned off here but  not the <strong>bold</strong> and <em>oblique</em> typefaces.</p>

CSS

@import "https://fonts.googleapis.com/css2?family=Montserrat&display=swap";.english {  font-family: "Montserrat", sans-serif;}.small-caps {  font-variant: small-caps;}.no-syn {  font-synthesis-small-caps: none;}

Ergebnis

Spezifikationen

Browser-Kompatibilität

Siehe auch

• font-synthesis Kurzform,font-synthesis-style,font-synthesis-weight
• font-style,font-variant,font-variant-caps,font-weight
• CanvasRenderingContext2D: fontVariantCaps property