size-adjust
Baseline
2023
Neu verfügbar
Seit September 2023 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.
Der size-adjust CSS Deskriptor für die @font-face At-Regel definiert einen Multiplikator für Glyphenumrisse und -metriken, die mit dieser Schriftart verbunden sind. Dies erleichtert die Harmonisierung der Designs verschiedener Schriftarten, wenn sie in derselben Schriftgröße gerendert werden.
Der size-adjust Deskriptor verhält sich ähnlich wie die font-size-adjust Eigenschaft. Er berechnet eine Anpassung pro Schriftart, indem er ex-Höhen abgleicht.
Syntax
size-adjust: 90%;
Werte
<percentage>-
Ein
<percentage>Wert mit einem Anfangswert von 100%.
Alle mit dieser Schriftart verbundenen Metriken werden um den angegebenen Prozentsatz skaliert. Dies schließt Glyphen-Voraussetzungen, Baseline-Tabellen und durch @font-face Deskriptoren bereitgestellte Überschreibungen ein.
Formale Definition
| Zugehörige @-Regel | @font-face |
|---|---|
| Anfangswert | 100% |
| Prozentwerte | wie angegeben |
| Berechneter Wert | wie angegeben |
Formale Syntax
size-adjust =
<percentage [0,∞]>
Beispiele
Überschreiben der Metriken einer Ersatzschriftart
Die size-adjust Eigenschaft kann hilfreich sein, wenn die Metriken einer Ersatzschriftart überschrieben werden sollen, um besser mit denen einer primären Webschriftart übereinzustimmen.
@font-face {
font-family: "web-font";
src: url("https://example.com/font.woff");
}
@font-face {
font-family: "local-font";
src: local("Local Font");
size-adjust: 90%;
}
Spezifikationen
| Spezifikation |
|---|
| CSS Fonts Module Level 5 # size-adjust-desc |
Browser-Kompatibilität
Siehe auch
font-displayDeskriptorfont-familyDeskriptorfont-weightDeskriptorfont-styleDeskriptorfont-stretchDeskriptorfont-feature-settingsfont-variation-settingsDeskriptorsrcDeskriptorunicode-rangeDeskriptorfont-size-adjustEigenschaft