Atributo font-size-adjust de CSS

Definición y uso

La propiedad 'font-size-adjust' establece un valor de aspect para un elemento, lo que permite mantener el x-height del tipo de letra preferido.

Explicación

La altura de la minúscula "x" de una fuente y la altura de la fuente entre la altura 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 en 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:CSS tipografía

Manual de referencia de CSS:Atributo font de CSS

Manual de referencia de HTML DOM:Atributo fontSizeAdjust

Ejemplo

Configurar diferentes propiedades font-size-adjust de elementos HTML:

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

Prueba tú 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 ratio del valor de aspect de la fuente.

Fórmula disponible:

Tamaño de la fuente del tipo preferido * (valor de font-size-adjust / valor de aspect del tipo disponible) = tamaño de la fuente aplicable al tipo disponible

Ejemplo:

Si 14px de Verdana (el valor de aspect es 0.58) no está disponible, pero某个可用字体的 aspect valor es 0.46, entonces el tamaño de la fuente del tipo de reemplazo 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 de 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