A Font Tag versus follas de estilo en cascada (CSS)

Buscaches un sitio web moi vello e vin unha etiqueta inusual dentro do HTML ? Fai moitos anos, os diseñadores web establecerían as fontes das súas páxinas web dentro do propio HTML , pero a separación da estrutura (HTML) eo estilo (CSS) desapareceron con esta práctica hai algún tempo.

No deseño web de hoxe, a etiqueta quedou obsoleta. Isto significa que a etiqueta xa non forma parte da especificación HTML. Aínda que algúns navegadores aínda admitiron esta etiqueta despois de que fose obsoleto, xa non se admite nada en HTML5, que é a última iteración da linguaxe. Isto significa que a etiqueta non debería atoparse nos seus documentos HTML.

A alternativa á etiqueta da fonte

Se non pode configurar a fonte de texto dentro da páxina HTML coa etiqueta, que debería usar? As follas de estilo en cascada (CSS) son como configurar estilos de letra (e todos os estilos visuais) nos sitios web de hoxe. CSS pode facer todas as mesmas cousas que a etiqueta podería facer, ademais de moito máis. Examinemos o que podería facer a etiqueta cando era unha opción para as nosas páxinas HTML (lembre que non se admite en ningún momento máis, polo que non é unha opción) e compara como facelo con CSS.

Cambiando a Familia de Fontes

O tipo de letra é o rostro ou a familia da fonte. Coa etiqueta de fonte, usaría o atributo "face" e necesitará colocar isto nun documento moitas, moitas veces para definir as fontes individuais para cada sección de texto. Se necesitas facer un cambio radical para esa fonte, debes cambiar cada unha destas etiquetas individuais. Por exemplo:

esta fonte non é sans-serif

En CSS no canto de "cara" de fonte, chámase font "family". Escribe un estilo CSS que establecería a fonte. Por exemplo, se quería configurar todo o texto nunha páxina a Garamond, podería engadir ese estilo visual como este:

corpo {font-family: Garamond, Times, serif; }

Este estilo CSS aplicaría a familia de fontes de Garamond a todo na páxina web xa que cada elemento do documento é un descendente do

Cambiar a cor da fonte

Tal e como acontece co rostro, emprega o atributo "cor" e códigos hexadecimales ou nomes de cores para cambiar a cor do seu texto. Anos atrás tamén o axustarías individualmente en elementos de texto, como unha etiqueta de cabeceira.

esta fonte é violeta

Hoxe, só escribirías unha liña de CSS.

Isto é moito máis flexible. Se necesitas cambiar o

en cada páxina do seu sitio, podería facer un cambio no seu ficheiro CSS e cada páxina que use ese ficheiro actualizaríase.

Fóra co vello

Usar o CSS para dictar os estilos visuais foi un estándar de deseño web durante moitos anos, polo que se está a ver unha páxina que aínda usa a etiqueta, entón é unha páxina moi antiga e necesita ser redeseñada para adaptala á web actual melloras de deseño e estándares web modernos.

Editado por Jeremy Girard