Atributo fontSizeAdjust de estilo

Definición y uso

fontSizeAdjust Este atributo establece o devuelve el valor de aspecto de la fuente del texto.

Todas las fuentes tienen un valor de aspecto, que es la diferencia en tamaño entre la minúscula "x" y la mayúscula "X".

Cuando la fuente preferida no está disponiblefontSizeAdjust Este atributo le permite controlar mejor el tamaño de la fuente. Cuando la fuente no está disponible, el navegador utiliza la segunda fuente especificada. Esto puede causar un cambio significativo en el tamaño de la fuente. Para evitar esto, utilice esta propiedad.

Cuando el navegador conoce el valor de aspecto de la primera fuente elegida, puede determinar qué tamaño de fuente usar para mostrar texto con la segunda fuente elegida.

Vea también:

Tutorial de CSS:Fuente CSS

Manual de CSS:Atributo font-size

Manual de HTML DOM:Atributo de fuente

Ejemplo

Ajuste el tamaño de la fuente:

document.getElementById("myP").style.fontSizeAdjust = "0.58";

Pruebe usted mismo

Sintaxis

Devolver fontSizeAdjust atributo:

objeto.style.fontSizeAdjust

Establecer fontSizeAdjust atributo:

objeto.style.fontSizeAdjust = "none|número|initial|inherit"

Valor del atributo

Valor Descripción
none Valor predeterminado. No ajusta el tamaño de la fuente.
número

Mantiene la altura x de la fuente preferida y calcula el aspecto de la fuente.

Fórmula utilizada: el tamaño de fuente de la fuente preferida * (el valor de aspecto de la fuente preferida / el valor de aspecto de la fuente disponible) = el tamaño de fuente utilizado para la fuente disponible

Ejemplo: Si 14px Verdana (aspecto 0.58) no está disponible, pero la fuente Times New Roman tiene un aspecto de 0.46, el tamaño de fuente ajustado a usar será 14*(0.58/0.46) = 17.65px.
initial Establezca este atributo en su valor predeterminado. Consulte initial.
inherit Hereda este atributo del elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: none
Valor devuelto: Cadena que representa el valor de aspecto de fuente del texto.
Versión de CSS: CSS3

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
No compatible No compatible Compatible No compatible No compatible