font-size-adjust

Baseline 2024

Newly available

Since July 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Resumen

La propiedad font-size-adjust especifica que el tamaño de la fuente debería escogerse basándose en el tamaño de las minúsculas en lugar las mayúsculas.

Esto resulta útil ya que la legibilidad de las fuentes, especialmente en el tamaño pequeño, está determinada por el tamaño de las letras minúsculas más que por las mayúsculas. Esto puede causar problemas cuando la primera opción en font-family no está disponible y su reemplazo tiene significativamente un aspecto distinto (el ratio entre las letras minúsculas y mayúsculas de la fuente).

Para hacer esto de forma que sea compatible con los navegadores que no soportan font-size-adjust, se ha especificado de forma que sea el número por el que está multiplicada la propiedad font-size. Esto quiere decir que el valor especificado para la propiedad debería ser el valor deratio o relación de aspecto entre las minúsculas y las mayúsculas de la fuente escogida como primera opción. Por ejemplo, si especificamos una fuente font-size: 16px; font-size-adjust: 0.5, realmente estamos especificando que las letras minúsculas de la fuente deben tener 8px de alto (16px multiplicado por 0.5).

Valor inicialnone
Applies toall elements and text. It also applies to ::first-letter and ::first-line.
Heredableyes
Valor calculadocomo se especifica
Animation typea number

Sintaxis

font-size-adjust: <número> | none | inherit

Valores

none

Escoge el tamaño de la fuente basándose sólo en función de la propiedad font-size.

<número>

Escoge el tamaño de la fuente de manera tal que su letra minúscula (determinada por la altura-x de la fuente) sea elnúmero de veces el tamaño de font-size.

El número especificado es generalmente la relación de aspecto de la fuente de primera elección en la propiedad font-family. Esto significa que la primera fuente, si está disponible, aparecerá con el mismo tamaño en los navegadores, soporten estos o no la propiedad font-size-adjust.

Ejemplos

Ver El Ejemplo Vivo

p{
  font: 12px Verdana, sans-serif;
  font-size-adjust: 0.58;
}

Especificaciones

Compatibilidades

Soportado en todas las plataformas a partir de Gecko 1.9 / Firefox 3, pero soportado sólo en Windows bastante antes.