Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

font-size-adjust

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 ye 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. It also applies to ::first-letter and ::first-line.
Heredableyes
Mediavisual
Valor calculadocomo se especifica
Animatableyes, as a number
Canonical orderel orden único no-ambigüo definido por la gramática formal

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.

Etiquetas y colaboradores del documento

 Colaboradores en esta página: fscholz, teoli, Mgjbot, Nathymig, HenryGR
 Última actualización por: fscholz,