CSS font-size-adjust Eigenschaft

Definition und Verwendung

Die Eigenschaft font-size-adjust legt einen aspect-Wert für ein Element fest, so dass die x-height der bevorzugten Schriftart beibehalten werden kann.

Erklärung

Der Abstand zwischen der Höhe des Kleinbuchstaben "x" und der Höhe der Schriftgröße wird als aspect-Wert einer Schriftart bezeichnet. Wenn eine Schriftart einen hohen aspect-Wert hat, ist sie bei kleinen Größen leichter lesbar. Beispiel: Der aspect-Wert von Verdana ist 0.58 (bedeutet, dass die x-height bei einer Schriftgröße von 100px 58px beträgt). Der aspect-Wert von Times New Roman ist 0.46. Dies bedeutet, dass Verdana in kleinen Größen leichter lesbar ist als Times New Roman.

Weitere Informationen:

CSS Tutorial:CSS Schriftart

CSS Referenzhandbuch:CSS font Eigenschaft

HTML DOM Referenzhandbuch:fontSizeAdjust-Attribut

Beispiel

Stellen Sie die font-size-adjust-Attribute verschiedener HTML-Elemente ein:

h1
  {
  font-size-adjust:0.58;
  }
p
  {
  font-size-adjust:0.60;
  }

Selbst ausprobieren

CSS-Syntax

font-size-adjust: number|none|initial|inherit;

Attributwert

Wert Beschreibung
keine Standard. Wenn diese Schriftart nicht verfügbar ist, wird die x-height dieser Schriftart nicht beibehalten.
number

Definieren Sie das aspect-Wert-Verhältnis der Schriftart.

Verwendbare Formel:

Größe der bevorzugten Schriftart * (font-size-adjust-Wert / aspect-Wert der verfügbaren Schriftart) = anwendbare Schriftgröße der verfügbaren Schriftart

Beispiel:

Wenn 14px Verdana (aspect-Wert ist 0.58) nicht verfügbar ist, aber eine verfügbare Schriftart einen aspect-Wert von 0.46 hat, dann wird die Größe der alternativen Schriftart 14 * (0.58/0.46) = 17.65px betragen.

Technische Details

Standardwert: keine
Vererbbarkeit: ja
Version: CSS2
JavaScript-Syntax: object.style.fontSizeAdjust="0.70"

TIY-Beispiel

Schriftgröße mit font-size-adjust einstellen
Dieses Beispiel zeigt, wie man die Schriftgröße mit font-size-adjust einstellt.

Browser-Unterstützung

Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die diese Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
nicht unterstützt nicht unterstützt 3.0 nicht unterstützt nicht unterstützt