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 inicial | none |
---|---|
Applies to | all elements and text. It also applies to ::first-letter and ::first-line . |
Heredable | yes |
Valor calculado | como se especifica |
Animation type | a 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 propiedadfont-size-adjust
.
Ejemplos
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.