size-adjust CSS-Attribut-Deskriptor
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit September 2023 browserübergreifend verfügbar.
Der size-adjust CSS Deskriptor für die @font-face Attribut-Regel definiert einen Multiplikator für Glyphenkonturen 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. Er berechnet eine Anpassung pro Schriftart durch Abgleichen der x-Höhen.
Syntax
size-adjust: 90%;
Werte
<percentage>-
Ein
<percentage>-Wert mit einem Initialwert von 100%.
Alle mit dieser Schriftart verbundenen Metriken werden um den angegebenen Prozentsatz skaliert. Dies schließt Glyphenvorschübe, Baselinientabellen und von @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 helfen, 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