Style fontSizeAdjust- Eigenschaft
Beispiel
Schriftgröße anpassen:
document.getElementById("demo").style.fontSizeAdjust = "0.58";
Definition und Verwendung
Die Eigenschaft fontSizeAdjust legt den Wert für das Schriftseitenverhältnis eines Textes fest oder gibt ihn zurück.
Alle Schriftarten haben einen Aspektwert, der der Größendifferenz zwischen dem Kleinbuchstaben „x“ und dem Großbuchstaben „X“ entspricht.
Die Eigenschaft fontSizeAdjust gibt Ihnen eine bessere Kontrolle über die Schriftgröße, wenn die Schriftart erster Wahl nicht verfügbar ist. Wenn eine Schriftart nicht verfügbar ist, verwendet der Browser die zweite angegebene Schriftart. Dies könnte zu einer großen Änderung der Schriftgröße führen. Verwenden Sie diese Eigenschaft, um dies zu verhindern.
Wenn der Browser den Aspektwert für die Schriftart der ersten Wahl kennt, kann der Browser herausfinden, welche Schriftgröße zu verwenden ist, wenn Text mit der Schriftart der zweiten Wahl angezeigt wird.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
fontSizeAdjust | Not supported | Not supported | Yes | Not supported | Not supported |
Syntax
Geben Sie die Eigenschaft fontSizeAdjust zurück:
object.style.fontSizeAdjust
Legen Sie die Eigenschaft fontSizeAdjust fest:
object.style.fontSizeAdjust = "none|number|initial|inherit"
Value | Description |
---|---|
none | Default value. No font size adjustment |
number | Preserve the first-choice font's x-height, and calculate the aspect value ratio for the font. The formula that is used: font-size of first-choice font*(aspect value of first-choice font/aspect value of available font)=font-size to use on available font Example: If 14px Verdana (aspect value of 0.58) was unavailable, but the available font, Times New Roman, has an aspect value of 0.46, the adjusted font-size to use would be 14*(0.58/0.46) = 17.65px. |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | keiner |
---|---|
Rückgabewert: | Ein String, der den Schriftartaspektwert eines Textes darstellt |
CSS-Version | CSS3 |
Verwandte Seiten
CSS-Tutorial: CSS-Schriftart
CSS-Referenz: font-size-Eigenschaft
HTML-DOM-Referenz: Font-Eigenschaft
❮ Style-Objekt