font-synthesis-position

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Die font-synthesis-position CSS Eigenschaft ermöglicht es Ihnen, festzulegen, ob ein Browser die „position“-Schriftarten für Tief- und Hochstellungen synthetisieren darf, wenn diese in einer Schriftfamilie fehlen. Dabei wird font-variant-position verwendet, um die Positionen festzulegen.

Die font-synthesis-position Eigenschaft hat keine Auswirkung, wenn die <sup> und <sub> Elemente verwendet werden.

Es ist oft praktisch, die Kurzschreibweise font-synthesis zu verwenden, um alle Werte der Schriftart-Synthese zu steuern.

Syntax

css

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

Werte

auto: Gibt an, dass eine fehlende Positions-Schriftart bei Bedarf vom Browser synthetisiert werden kann.
none: Gibt an, dass die Synthese einer fehlenden Positions-Schriftart durch den Browser nicht erlaubt ist.

Formale Definition

Anfangswert	`none`
Anwendbar auf	all elements and text. Auch anwendbar auf `::first-letter` und `::first-line`.
Vererbt	Ja
Berechneter Wert	wie angegeben
Animationstyp	diskret

Formale Syntax

font-synthesis-position = 
 auto |
 none

Beispiele

Deaktivierung der Synthese von Positions-Schriftarten

Dieses Beispiel zeigt, wie die Synthese der Hoch- und Tiefstellungs-Schriftarten in der Montserrat Schrift durch den Browser deaktiviert wird.

HTML

html

<p> These are the default position <span class="super">superscript</span>, position <span class="sub">subscript</span>, <strong>bold</strong> and <em>oblique</em> typefaces. </p> <p class="no-syn"> The positions <span class="super">superscript</span> and <span class="sub">subscript</span> typeface is turned off here but not the <strong>bold</strong> and <em>oblique</em> typefaces (on browsers that support <code>font-synthesis-position</code>). </p>

CSS

css

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

Ergebnis

Spezifikationen

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

Browser-Kompatibilität

Siehe auch

font-synthesis Kurzschreibweise, font-synthesis-style, font-synthesis-weight
font-style, font-variant, font-variant-position, font-weight

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden