Fuentes o Tipos de Letras de HTML

Fuentes y Letras

Para aplicar diferentes tipos ó estilos de letras se pueden utilizar una varieda de códigos. Los siguientes códigos muestran varios ejemplos de como lograr esto y sus resultados.

Código:	Resultado:
<b>Letra en Bold</b>	Letra en Bold
<i>Letra en italica</i>	Letra en italica
<u>Letra subrayada</u>	Letra subrayada

Además de estos estilos existen otros códigos para adjudicar diferentes tamaños, colores y formas. Veamos el siguiente ejemplo:

Código:	Resultado:
<font face="Arial" color="orange" size=1>El tipo (face) de esta letra debe ser "Arial", el color (color) debe ser "anaranjado" y el tamaño (size) debe ser "1"</font>	El tipo (face) de esta letra debe ser "Arial", el color (color) debe ser "anaranjado" y el tamaño (size) debe ser "1"

Otros tipos de letras que se pueden utilizar son "Tahoma", "Comic Sans", "Impact", "Verdana"; otros tipos de colores que se pueden utilizar son "green" (verde), "yellow" (amarillo), "blue" (azul), "gray" (griz); y para aumentar el tamaño (size) de las letras solo debes aumentar el número dentro del código y listo.

---

Recuerda que para los códigos tengan efecto debes escribirlos exactamente como aparecen aquí. Si te sirve de ayuda solo copia y pega (copy paste) los códigos de ejemplos en un editor de texto para que vayas practicando. 

Se pueden hacer todas la combinaciones que se quieran, pero hay que tener presente que si en la máquina cliente no está instalada una determinada fuente, ésta no se verá y en su lugar aparecerá la fuente por defecto del visualizador. No es interesante por tanto, definir tipos raros, que probablemente, no llegarán a verse nunca.

Si a pesar de todo, se define un tipo del que se tienen dudas de que exista en el cliente, se pueden indicar otros tipos alternativos, de forma que el navegador si no tiene el primer tipo, utilizará el siguiente, y si tampoco lo tiene el próximo, etc. Así: 

<FONT FACE="raro, courier" SIZE=4 COLOR="red">
 Texto de prueba 12345 con tipos alternativos</FONT>

Imagen de como quedan al crear los Tipos de Letras de Html: 

 

Video de como crear Letras en HTML: