font-synthesis-position CSS property
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more browser support for this feature? Tell us why.
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 erlaubt es Ihnen, festzulegen, ob ein Browser die „Position“-Schriftarten für Tief- und Hochstellungen synthetisieren darf, wenn diese in einer Schriftfamilie fehlen, während Sie font-variant-position verwenden, um die Positionen festzulegen.
Die font-synthesis-position Eigenschaft hat keine Auswirkung bei der Verwendung der <sup> und <sub> Elemente.
Es ist oft praktisch, die Kurzschreibweise font-synthesis zu verwenden, um alle Werte der Schrifttyp-Synthese zu steuern.
Syntax
/* 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
Diese Eigenschaft wird als einer der folgenden Schlüsselwortwerte angegeben:
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 Positionsschriftarten
Dieses Beispiel zeigt, wie die Synthese der hoch- und tiefgestellten Schriftarten im Browser bei der Schriftart Montserrat deaktiviert wird.
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
@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
| Spezifikation |
|---|
| CSS Fonts Module Level 4 # font-synthesis-position |
Browser-Kompatibilität
Siehe auch
font-synthesisKurzschreibweise,font-synthesis-style,font-synthesis-weightfont-style,font-variant,font-variant-position,font-weight