Texto en HTML (VII)
por Luciano Moreno, del departamento de diseño web de BJS Software.

La etiqueta FONT.-

A la hora de formatear el texto en HTML sin duda alguna la estrella ha sido durante mucho tiempo la pareja de etiquetas <FONT>...</FONT>, ya que podemos aplicarla a cualquier porción de nuestro texto, permitiéndonos variar el tamaño, el tipo de letra y el color de la misma, aunque esta etiqueta se encuentra ya en la lista negra del W3C, lo que significa que en próximas versiones de HTML sera borrada del estandar, por lo que conviene abandonar su uso a favor de las Hojas de Estilos en Cascada.

Los principales atributos de la etiqueta FONT son:

• <FONT SIZE="tamaño">...</FONT>, que fija el tamaño del texto entre etiquetas, y donde el tamaño viene representado por un número entero que puede variar entre 1 (tamaño menor) y 7 (tamaño mayor), siendo su valor por defecto 3. Ejemplos:
  
  fuente tamaño 1
  fuente tamaño 2
  fuente tamaño 3
  fuente tamaño 4
  fuente tamaño 5
  fuente tamaño 6
  fuente tamaño 7
  
  El tamaño de la fuente también podemos darlo en forma relativa respecto al tamaño de la fuente base de nuestro documento. Así, si no hemos especificado un tamaño base distinto al estandar, que es de un tamaño 3, las etiquetas:
  
  <FONT SIZE="+3">tamaño relativo +3</FONT>
  <FONT SIZE="-2">tamaño relativo -2</FONT>
  
  nos daran:
  tamaño relativo +3
  tamaño relativo -2
  
  que corresponden respectivamente a unos tamaños absolutos 6 y 1.
  
  El tamaño base para las fuentes de un documento se establece en el correspondiente a <FONT SIZE="3">, que afectara a todo el documento, que es el que usa la etiqueta anterior como base de tamaños relativos. Si queremos cambiar este tamaño por defecto deberemos usar la etiqueta <BASEFONT SIZE="n">, donde n sera el tamaño estandar para todas las fuentes relativas de la página.
  
  
• <FONT COLOR="color">...</FONT>, que fija el color con el que va a aparecer el texto afectado, y donde el color puede venir expresado mediante su valor hexadecimal o mediante su nombre web estandar. Ejemplos:
  
  <FONT COLOR="red">texto en color rojo</FONT>
  <FONT COLOR="#336600">texto en color verdoso</FONT>
  
  que nos da:
  
  texto en color rojo
  texto en color verdoso
  
  
• <FONT FACE="familia">...</FONT>, que va a determinar el tipo de letra con la que aparecera el texto, definido mediante el nombre de la familia correspondiente.
  
  Se pueden especificar varios tipos de fuente, separados por comas, de tal forma que se usara la primera de ellas especificada, siempre que el ordenador del usuario disponga la tenga instalada. Si no es así, se usara la siguiente especificada en la lista, y así sucesivamente.
  
  Si especificamos una sóla fuente y esta no esta instalada en el ordenador cliente el texto se vera en la fuente por defecto, que suele ser Times New Roman.
  
  También destacar que podemos usar un tipo de fuente determinado (p.ej. Verdana) o el nombre de una familia tipografica (p.ej. Serif , que comprende todo un conjunto de fuentes caracterizados por llevar adornos en las letras).
  
  Ejemplo:
  
  <FONT SIZE="4" FACE="Comic Sans,Helvetica, Serif">este texto es de prueba<FONT>
  
  con lo que obtenemos:
  
  este texto es de prueba

NOTA.-El uso de la etiqueta FONT posee muchas ventajas, pero también muchos inconvenientes. Entre sus ventajas se incluyen el que es una etiqueta facil de usar y que se pueden anidar cualquier número de ellas, y entre sus defectos estan el que no nos permite un control total del texto, ya que los tamaños posibles son siempre relativos y por lo tanto dependen de la resolución del ordenador del usuario y del tamaño de fuente que tenga este configurado como estandar.Por todo esto el W3C recomienda que evitemos su uso, decantandose para el formateo del texto por las Hojas de Estilo en Cascada.

Los tamaños de fuentes definidos mediante la etiqueta <FONT SIZE="n"> tienen validez para todos los elementos de texto del documento, pero no tendran validez global en las tablas, por lo que deberemos definir en cada una de las celdas el tamaño de fuente deseado para el texto incluido en ella.

Comentarios.-

Siempre que escribamos código HTML, y al igual que pasa en otros lenguajes de programación (Atención, pregunta: ¿Es actualmente el HTML un lenguaje de programación?), es siempre útil y yo diría que hasta obligatorio la introducción de líneas de texto que expliquen o comenten qué es lo que estamos haciendo en cada momento, no sólo por claridad en el código, si no porque si en un tiempo futuro deseamos retocar el código necesitaremos saber porqué escribimos unas etiquetas u otras.

Para poder conseguir esto necesitamos poder escribir líneas de texto que aparezcan en el código pero que luego no sean visibles en el navegador, es decir debemos usar comentarios, que en HTML se consiguen mediante el par de etiquetas <!-- ....-->. Todo el texto incluido entre ellas sera considerado como un comentario por el navegador, por lo que no lo mostrara en pantalla. Ejemplo:

<!--la siguiente tabla presenta los datos de clientes-->

Estas etiquetas también nos pueden servir para ocultar código no soportado por el navegador, como es el caso de código JavaScript, VBScript, Hojas de estilo, etc.