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 Regel definiert einen Multiplikator für Glyphenumrisse und Metriken, die mit dieser Schriftart verbunden sind. Dies erleichtert es, die Designs verschiedener Schriftarten beim Rendern in derselben Schriftgröße zu harmonisieren.
Der size-adjust Deskriptor verhält sich ähnlich wie die font-size-adjust Eigenschaft. Er berechnet eine Anpassung pro Schriftart, indem er die x-Höhen abgleicht.
Syntax
size-adjust: 90%;
Werte
<percentage>-
Ein
<percentage>Wert mit einem Anfangswert von 100%.
Alle Metriken, die mit dieser Schriftart verbunden sind, werden mit dem angegebenen Prozentsatz skaliert. Dies umfasst Glyphenfortschritte, Baselinien-Tabellen und Überschreibungen, die durch @font-face Deskriptoren bereitgestellt werden.
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 Sie die Metriken einer Ersatzschriftart überschreiben, um diese besser an eine primäre 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