CSS font-size-adjust Eigenschaft

Definition und Verwendung

Die Eigenschaft 'font-size-adjust' legt einen Wert für 'aspect' für ein Element fest, um die x-height der bevorzugten Schriftart beizubehalten.

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 Schriftgröß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 kleineren Größen leichter lesbar ist als Times New Roman.

Weitere Informationen:

CSS-Tutorial:CSS Schriftart

CSS Referenzhandbuch:CSS font Eigenschaft

HTML DOM Referenzhandbuch:fontSizeAdjust-Eigenschaft

Beispiel

Stellen Sie die font-size-adjust-Eigenschaft 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 * (Wert von font-size-adjust / aspect-Wert des verfügbaren Zeichensatzes) = auf den verfügbaren Zeichensatz anzuwendende Schriftgröße

Beispiel:

Wenn 14px Verdana (aspect-Wert ist 0.58) nicht verfügbar ist, aber ein verfügbarer Zeichensatz einen aspect-Wert von 0.46 hat, dann wird die Größe des alternativen Zeichensatzes 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