Crea tu web, tutor html, css

Los tipos de letras

Formateo de caracteres

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.

 

El color

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

Actualmente el número de colores con nombre es bastante más amplio. por ejemplo a los colores del texto les peuedes añadir light o dark para tener las versiones claras y oscuras: lightgreen, green, darkgreen.

Tamaño del texto

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

SIZE=1 SIZE=2 SIZE=3 SIZE=4
SIZE=5
SIZE=6
SIZE=7

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>
Usando estilos CSS puedes definir el tamaño de los caracteres a nivel de pixels

Tipo de letra

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>
Procura no mezclar tipos de letras, a lo sumo un par de fuentes en una página es suficiente: una para  titulos y otra para el texto.