Todas las fuentes tienen una relación de aspecto (o valor). Los valores de aspecto de la fuente se calculan dividiendo la altura x minúscula de la fuente por el tamaño de la fuente. Cuando tenga este valor, puede usar la propiedad de estilo fontSizeAdjust en CSS3 para especificar el valor de aspecto de la fuente preferida utilizada para mostrar su sitio web.
Cuando su sitio web se ve en computadoras que no tienen su fuente preferida, la propiedad fontSizeAdjust se usa para seleccionar el mejor tamaño de fuente para la fuente de reemplazo.
Esta propiedad mantiene sus páginas con buen aspecto y su tipo legible incluso si su fuente de primera elección no está disponible.
Acerca de la propiedad fontSizeAdjust
El uso de la propiedad fontSizeAdjust le da cierto control sobre la sustitución de fuentes cuando sea necesario. Cuando la fuente de primera elección no está disponible, el navegador usa la segunda fuente especificada, lo que a menudo resulta en un gran cambio de tamaño. La legibilidad de una fuente está más influenciada por el tamaño de las letras minúsculas que por el tamaño de las letras mayúsculas. Cuando el navegador conoce el valor de aspecto para su fuente preferida, puede determinar mejor qué tamaño usar cuando se muestra la página en la fuente de la segunda opción.
Aquí hay un ejemplo que ajusta el tamaño de fuente utilizando la relación de aspecto de 0.58, que es la relación de aspecto para Verdana. Si Verdana no está disponible en una computadora, el navegador cambia el tamaño de la fuente de reemplazo para que tenga letras minúsculas de tamaño similar para la mejor legibilidad.
document.getElementById ("myP"). style.fontSizeAdjust = "0.58";
Nota: a partir de la publicación, solo Mozilla Firefox admite por completo la propiedad fontSizeAdjust.
Ratios de aspecto de fuentes comunes
Esta tabla muestra los cálculos de las relaciones de aspecto de varias familias de fuentes populares.
| Fuente | Relación de aspecto |
|---|---|
| Arial | 0.52 |
| Avant garde | 0.45 |
| Bookman | 0.40 |
| Calibri | 0.47 |
| Libro de escuela del siglo | 0.48 |
| Cochin | 0.41 |
| Comic Sans | 0.53 |
| mensajero | 0.43 |
| Mensajero nuevo | 0.42 |
| Garamond | 0.38 |
| Georgia | 0.48 |
| Helvética | 0.52 |
| Palatino | 0.42 |
| Tahoma | 0.55 |
| Times New Roman | 0.45 |
| Trebuchet | 0.52 |
| Verdana | 0.58 |
