miércoles, 11 de febrero de 2009

48.- HTML - Estructuración de Texto - Fuente <font></font>

Ahora veremos como determinar el tipo de fuente a utilizar. Lo haremos con el mismo elemento <font> pero en este caso utilizamos el atributo face

código     : <font face = nombre_de_la_fuente></font>
resultado: permite mostrar el texto con diferentes fuentes.

En el ejemplo tenéis algunos de los aspectos posibles, podéis probar con otros.

Pasemos al Código de ejemplo:
(He agregado un <br>, salto de línea en el código para poder ver el resultado en dos líneas).

<html>
  <head>
    <title>Texto - Tipos de Fuente - aspecto</title>
  </head>
  <body>
    <font face="verdana">Fuente con aspecto Verdana</font><br>
    <font face="arial">Fuente con aspecto Arial</font><br>
    <font face="times new roman">Fuente con aspecto Times New Roman</font><br>
    <font face="courier">Fuente con aspecto Courier</font><br>
    <font face="comic sans ms">Fuente con aspecto Comic Sans MS</font>
   </body>
</html>

El código anterior se vería así en el navegador:

Fuente con aspecto Verdana
Fuente con aspecto Arial
Fuente con aspecto Times New Roman
Fuente con aspecto Courier
Fuente con aspecto Comic Sans MS

Nota: Dado que el ordenador del que mira la web puede que no disponga del tipo de fuente seleccionado, se le mostrará la fuente por defecto, para evitar esto, podemos dar varias opciones de fuente, agregándolas separadas por comas, por ejemplo "arial, verdana, courier", en este caso si no es posible mostrar el texto en arial, intentara mostrarlo en verdana, y si no es posible en courier.

-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: Superhosting

Temas anteriores *
47.- HTML - Estructuración de Texto - Colores <font></font>
46.- HTML - Tamaño de la fuente <font></font>
45.- Elementos de Estructuración de Texto <del></del>
44.- Elementos de estructuracion de Texto <></>
43.- Elementos de Estructuración de Texto <q></q>
42.- Elementos de Estructuración de Texto <blockquote></blockquote>
41.- Elementos de estructuración de Texto <address></address>
40.- Elementos de estructuración de Texto <acronym></acronym>
39.- Elementos de Estructuración de "<abr></abr>" y "<abbr></abbr>"
38.- Elementos de Estructuración de Texto "<cite></cite>"

aquituaviso

No hay comentarios:

Publicar un comentario

Gracias por tu comentario, en un maximo de 48 horas sera publicado.