La Font Tag versus fulls d'estil en cascada (CSS)

Has mirat un lloc web molt antic i he vist una etiqueta inusual dins de l' HTML ? Fa molts anys, els dissenyadors web fixaven els tipus de lletra de les seves pàgines web dins del mateix HTML , però la separació de l'estructura (HTML) i l'estil (CSS) van acabar amb aquesta pràctica fa un temps.

En el disseny web d'avui, l'etiqueta ha quedat obsoleta. Això significa que l'etiqueta ja no forma part de l'especificació HTML. Tot i que alguns navegadors encara admeten aquesta etiqueta després d'haver quedat obsolet, ja no és compatible amb HTML5, que és l'última iteració de l'idioma. Això significa que l'etiqueta ja no s'hauria de trobar als vostres documents HTML.

L'alternativa a l'etiqueta de font

Si no podeu configurar la font de text a l'interior de la pàgina HTML amb l'etiqueta, què us heu d'utilitzar? Els fulls d'estil en cascada (CSS) són com configurar els estils de tipus de lletra (i tots els estils visuals) als llocs web d'avui. CSS pot fer totes les coses que l'etiqueta podria fer, a més de molt més. Anem a examinar què pot fer l'etiqueta quan era una opció per a les nostres pàgines HTML (recordeu que ja no és compatible, per tant no és una opció) i compara com fer-ho amb CSS.

Canvi de la família de fonts

La cara de font és la cara o la família de la font. Amb l'etiqueta de tipus de lletra, faria servir l'atribut "cara" i necessitareu col · locar això en un document moltes, moltes vegades per establir els tipus de lletra individuals per a cada secció de text. Si necessitaves fer un canvi radical a aquesta font, has de canviar totes aquestes etiquetes individuals. Per exemple:

aquesta font no és sans-serif

En CSS en comptes de "cara" de font, s'anomena font "family". Escriu un estil CSS que estableixi la font. Per exemple, si voleu configurar tot el text d'una pàgina a Garamond, podeu afegir aquest estil visual com aquest:

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

Aquest estil CSS aplicaria la família de fonts de Garamond a tot a la pàgina web ja que tots els elements del document són descendents del

Canvi del color de la font

Igual que amb la cara, utilitzeu l'atribut "color" i els codis hexagonals o els noms de colors per canviar el color del text. Fa anys, també ho faria per separat en elements de text, com ara una etiqueta de capçalera.

aquesta font és porpra

Avui, acaba d'escriure una línia de CSS.

Això és molt més flexible. Si heu de canviar el

a cada pàgina del vostre lloc, podeu fer un canvi al vostre fitxer CSS i cada pàgina que utilitzi aquest fitxer s'actualitzaria.

Sortida amb el vell

L'ús de CSS per dictar estils visuals ha estat un estandard de dissenyador de pàgines web durant molts anys, de manera que si cerqueu una pàgina que encara utilitza l'etiqueta, és una pàgina molt antiga i ha de ser reconstruïda per adaptar-se a la web actual dissenyar bones pràctiques i estàndards web moderns.

Editat per Jeremy Girard