Atributo CSS font-size-adjust

Definición y uso

La propiedad 'font-size-adjust' establece un valor de aspect para un elemento, lo que permite mantener la x-height de la fuente preferida.

Descripción

La altura de la minúscula "x" de una fuente y la altura de la fuente entre comillas se conoce como el valor de aspect de una fuente. Cuando una fuente tiene un valor de aspect alto, es más fácil de leer cuando se configura a un tamaño muy pequeño. Ejemplo: El valor de aspect de Verdana es 0.58 (lo que significa que cuando el tamaño de la fuente es de 100px, su x-height es de 58px). El valor de aspect de Times New Roman es 0.46. Esto significa que Verdana es más fácil de leer en pequeño que Times New Roman.

Véase también:

Tutorial de CSS:Fuente de CSS

Manual de referencia de CSS:Atributo CSS font

Manual de referencia de HTML DOM:Atributo fontSizeAdjust

Ejemplo

Configurar la propiedad font-size-adjust de diferentes elementos HTML:

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

Prueba por ti mismo

Sintaxis de CSS

font-size-adjust: número|none|initial|inherit;

Valor del atributo

Valor Descripción
ninguna Predeterminado. Si esta fuente no está disponible, no se mantiene la x-height de esta fuente.
número

Definir la proporción de ratios de valores de aspect de la fuente.

Fórmula disponible:

Tamaño de la fuente de la fuente preferida * (valor de font-size-adjust / valor de aspect de la fuente disponible) = tamaño de la fuente aplicable a la fuente disponible

Ejemplo:

Si no está disponible Verdana de 14px (el valor de aspect es 0.58), pero está disponible una fuente con un valor de aspect de 0.46, el tamaño de la fuente del sustituto será 14 * (0.58/0.46) = 17.65px.

Detalles técnicos

Valor predeterminado: ninguna
Herencia: sí
Versión: CSS2
Sintaxis de JavaScript: object.style.fontSizeAdjust="0.70"

Ejemplo TIY

Uso de font-size-adjust para ajustar el tamaño de la fuente
Este ejemplo muestra cómo usar font-size-adjust para ajustar el tamaño de la fuente.

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente esta propiedad.

Chrome IE / Edge Firefox Safari Opera
no se admite no se admite 3.0 no se admite no se admite