size-adjust
Baseline
2023
Newly available
Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
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 es, die Designs verschiedener Schriftarten zu harmonisieren, wenn sie in derselben Schriftgröße gerendert werden.
Der size-adjust Deskriptor verhält sich ähnlich wie die font-size-adjust Eigenschaft. Es berechnet eine Anpassung pro Schriftart, indem es x-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 Glyphenfortschritte, 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 von Metriken einer Ersatzschriftart
Die size-adjust Eigenschaft kann hilfreich sein, wenn die Metriken einer Ersatzschriftart überschrieben werden sollen, um diese besser an die einer primären Webschriftart anzupassen.
@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
| Specification |
|---|
| CSS Fonts Module Level 5 # size-adjust-desc |
Browser-Kompatibilität
Loading…
Siehe auch
font-displayDeskriptorfont-familyDeskriptorfont-weightDeskriptorfont-styleDeskriptorfont-stretchDeskriptorfont-feature-settingsfont-variation-settingsDeskriptorsrcDeskriptorunicode-rangeDeskriptorfont-size-adjustEigenschaft