jueves, 14 de abril de 2011

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

Ahora veremos como determinar el tipo de fuente a utilizar. Lo haremos con el mismo elemento <font> pero en este caso utilizando 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 y ver los resultados.

Código de ejemplo:

<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>

Programa 29

La representación en el navegador se vería como sigue:

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”.

Así podremos mantener un mayor control de la visualización de nuestra web, adelantándonos a los posibles problemas que puedan surgir.

 

Estamos trabajando en la edición en papel: Reserva ya tu libro.
Envíos a todo el mundo.

No hay comentarios:

Publicar un comentario