¿Has visto un sitio web muy antiguo y has visto una etiqueta inusual dentro del HTML? Hace muchos años, los diseñadores web realmente establecían las fuentes de sus páginas web dentro del propio HTML, pero la separación de estructura (HTML) y estilo (CSS) eliminó esta práctica hace algún tiempo.
En el diseño web de hoy, la etiqueta ha quedado en desuso. Esto significa que la etiqueta ya no forma parte de la especificación HTML. Si bien algunos navegadores aún admitían esta etiqueta después de que estuviera en desuso, ya no se admite en absoluto en HTML5, que es la última versión del idioma. Esto significa que la etiqueta ya no debe encontrarse en sus documentos HTML.
La alternativa a la etiqueta de fuente
Si no puede establecer la fuente de texto dentro de la página HTML con la etiqueta, ¿qué debe usar? Las hojas de estilo en cascada (CSS) son la forma en que establece los estilos de fuente (y todos los estilos visuales) en los sitios web de hoy. CSS puede hacer todas las mismas cosas que la etiqueta podría hacer, y mucho más. Examinemos qué podría hacer la etiqueta cuando era una opción para nuestras páginas HTML (recuerde, ya no se admite en absoluto, así que no es una opción) y comparemos cómo hacerlo con CSS.
Cambiando la Familia de Fuentes
La cara de la fuente es la cara o la familia de la fuente. Con la etiqueta de fuente, usaría el atributo "cara" y tendría que colocar esto a lo largo de un documento muchas, muchas veces para establecer las fuentes individuales para cada sección de texto. Si necesitaba hacer un cambio radical en esa fuente, tenía que cambiar cada una de estas etiquetas individuales. Por ejemplo:
esta fuente no es sans-serif
En CSS en lugar de la fuente "cara", se llama la fuente "familia". Escribe un estilo CSS que establecería la fuente. Por ejemplo, si desea configurar todo el texto de una página en Garamond, puede agregar ese estilo visual como este:
body {font-family: Garamond, Times, serif; }
Este estilo CSS aplicaría la familia de fuentes de Garamond a todo en la página web, ya que cada elemento del documento es un descendiente de
Cambiar el color de la fuente
Al igual que con la cara, utiliza el atributo "color" y los códigos hexadecimales o nombres de colores para cambiar el color de su texto. Hace años, también lo configuraría individualmente en elementos de texto, como una etiqueta de encabezado.
esta fuente es morada
Hoy, solo escribirías una línea de CSS.
Esto es mucho más flexible. Si necesitas cambiar el
en cada página de su sitio, podría hacer un cambio en su archivo CSS y se actualizaría cada página que use ese archivo.
Afuera con lo viejo
El uso de CSS para dictar estilos visuales ha sido un estándar del diseñador web durante muchos años, por lo que si está mirando una página que todavía usa la etiqueta, entonces es una página muy antigua y debe volver a desarrollarse para ajustarse a la web actual. Diseño de mejores prácticas y estándares web modernos.
Editado por Jeremy Girard
