size-adjust

Baseline 2024

Newly available

Since July 2024, 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 die Harmonisierung der Designs verschiedener Schriften, wenn sie mit derselben Schriftgröße dargestellt 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

css
size-adjust: 90%;

Werte

<percentage>

Ein <percentage>-Wert mit einem Anfangswert von 100 %.

Alle mit dieser Schriftart verbundenen Metriken werden durch den angegebenen Prozentsatz skaliert. Dies schließt Glyphenfortschritte, Baselinestabellen und Übersteuerungen ein, die durch @font-face-Deskriptoren bereitgestellt werden.

Formale Definition

Zugehörige @-Regel@font-face
Initialer Wert100%
Prozentwertewie angegeben
Berechneter Wertwie 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, um diese besser an die einer primären Webschriftart anzupassen.

css
@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

BCD tables only load in the browser

Siehe auch