Los tipos de letras

Cuando hablamos del formato en un tema anterior te adelantábamos que podrías dar formato al texto a nivel de carácter, y que la cosa no se iba a quedar solo en poner subrayados o negritas y cursivas. HTML nos permite un gran control sobre el formato del texto mediante la etiqueta <font>.

Esta etiqueta permite modificar casi cualquier propiedad relativa a como se ve el texto en pantalla: puedes controlar colores, tipografía, tamaño... En cualquier descripción podrás destacar por ejemplo palabras especiales para indicar que son importantes.

Podemos cambiar el color de cualquier carácter mediante el uso del atributo color. La manera de especificarle el color es común a todas las etiquetas HTML: o bien indicando el nombre, si es un color normal, o bien especificando los componentes de rojo, verde y azul (código RGB) que lo forman. Los colores reconocidos son los siguientes:

Black	Silver	Gray	White	Maroon	Red	Purple	Fuchsia
Green	Lime	Olive	Yellow	Navy	Blue	Teal	Aqua

<font color="blue">Soy azul como el mar</font>

El modo de indicar el color RGB es el mediante los componentes de Rojo, Verde y Azul, para lo que se usa un código de seis dígitos hexadecimales: 00 a FF, en decimal de 0 a 255. Así que FF0000 (255) equivale al 100% de rojo, máxima cantidad del componente rojor. Por ejemplo:

<font color="#FF0000">Código para rojo es #FF0000D</font>

Código para rojo es #FF0000

<font color="#00FF00">Código para verde es #00FF00</font>

Código para verde es #00FF00

<font color="#0000FF">Código para Azul es #0000FF</font>

Código para azul es #0000FF

<font color="#10A2FF">Y ahora mezclemos colores con #10A2FF</font>

Y ahora mezclemos colores con #10A2FF

El parámetro utilizado para indicar el tamaño es size. Puede utilizarse para indicar tamaños absolutos:

El tamaño por defecto es 3. También se puede utilizar los modificadores + y - para indicar un aumento o disminución relativa del tamaño del tipo de letra. Así, por ejemplo, si indicamos que queremos un tamaño de -2 estaremos pidiendo al navegador que nos muestre el tipo de letra dos veces más pequeño.

<font size="2">Tamaño 2</font>
<font size="+3">Tamaño 6</font>

Por último, podemos especificar el nombre del tipo de letra que queremos utilizar gracias al parámetro face. Pero ojo esto no es realmente muy utilizable en HTML 4. El navegador usará el tipo de letra indicado en este atributo si tiene esa fuente instalada, salvo que la adjuntes a la página. Si sales de la Times New Roman, Arial, Helvética, Verdana o Courier corres el riesgo de que el usuario no llegue a ver la página como tu la has diseñado, sino de una manera que puede llegar a ser desastrosa para el diseño. Si el navegador no encuentra ninguno de las fuentes indicada en este parámetro utilizará su fuente por defecto:

<font face="Helvetica,Arial,Times">No sé como voy a salir exactamente</font>