¿Qué es una fuente HTML?

En el lenguaje de marcado de hipertexto (HTML), el término «tipo de letra» puede significar una de dos cosas. Puede hacer referencia a la propiedad de la cara de la etiqueta de fuente, que se utiliza para definir el tipo de fuente en la que se mostrará el texto adjunto. Alternativamente, también puede referirse al selector de fuentes de la hoja de estilo en cascada (CSS), que permite un método conveniente para incorporar fuentes personalizadas o raras en un sitio web. Sin embargo, a partir de la especificación del lenguaje HTML 4.0, la propiedad de la cara de la etiqueta de fuente se ha depreciado, lo que significa que seguirá siendo representada por un navegador web, pero en su lugar se debe utilizar una alternativa CSS.

La fuente HTML se usa como una propiedad de la etiqueta de fuente en sí para especificar qué fuente debe usarse para representar el texto incluido dentro de las etiquetas de fuente de apertura y cierre. Se puede especificar cualquier fuente de esta manera, aunque solo se mostrará correctamente si el usuario ya tiene la fuente con el nombre exacto en su computadora. Si un usuario no tiene el tipo de letra HTML con nombre en su disco duro local, el navegador utilizará de forma predeterminada una fuente estándar.

Este problema de fuentes faltantes se puede mitigar de dos maneras, la primera es usar solo una de una pequeña serie de fuentes que vienen de serie con casi todos los sistemas operativos, asegurando que la fuente se muestre correctamente. La segunda opción es usar una característica de la propiedad de la fuente HTML que permite enumerar más de una fuente como valor, separada por comas. El uso de una lista de fuentes con la propiedad de la cara hará que el navegador intente cargar cada fuente en secuencia, pasando a la siguiente si la fuente actual no se carga. Esto proporciona un método más controlado para diseñar una página web que puede eliminar resultados completamente inesperados.

Cuando se depreció la propiedad de fuente HTML, se reemplazó con una versión CSS. La forma correcta de especificar una fuente a través de CSS es usar un estilo y la propiedad font-family, que funciona de una manera casi idéntica a la propiedad de fuente HTML. Aunque la propiedad de la etiqueta HTML está depreciada, los navegadores aún deberían admitir la función en aras de la compatibilidad con versiones anteriores.

A través de CSS, una fuente HTML también puede referirse a un selector que se puede usar para cargar fuentes personalizadas desde el servidor web para que los usuarios puedan ver la página correctamente sin la necesidad de tener la fuente con anticipación. Este selector ofrece a los diseñadores una forma de especificar un archivo de fuente que luego se descarga y se muestra en los navegadores web que lo requieren. Sin embargo, al igual que muchos elementos CSS, existen algunos problemas de compatibilidad entre las diferentes implementaciones del navegador.