Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

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 die Harmonisierung der Designs verschiedener Schriftarten, 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, 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 um den angegebenen Prozentsatz skaliert. Dies schließt Glyphen-Voraussetzungen, Baseline-Tabellen und durch @font-face Deskriptoren bereitgestellte Überschreibungen ein.

Formale Definition

Zugehörige @-Regel@font-face
Anfangswert100%
Prozentwertewie angegeben
Berechneter Wertwie angegeben

Formale Syntax

size-adjust = 
<percentage [0,∞]>

Beispiele

Überschreiben der Metriken einer Ersatzschriftart

Die size-adjust Eigenschaft kann hilfreich sein, wenn die Metriken einer Ersatzschriftart überschrieben werden sollen, um besser mit denen einer primären Webschriftart übereinzustimmen.

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

Siehe auch