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-display
Deskriptorfont-family
Deskriptorfont-weight
Deskriptorfont-style
Deskriptorfont-stretch
Deskriptorfont-feature-settings
font-variation-settings
Deskriptorsrc
Deskriptorunicode-range
Deskriptorfont-size-adjust
Eigenschaft