HTML - Font y basefont

  »   HTML  »   Tutorial HTML - Font y basefont

La etiqueta <font> es usada para modificar el tamaño el color y la fuente del texto. Utiliza los atributos "size", "color" y "face" para personalzar tu texto y la etiqueta <basefont> para establecer el color, tamaño y estilo de todo un texto.

Las etiquetas font y "basefont" no son utilizadas últimamente, ya que se usa CSS para establecer el estilo de texto, obteniéndose un resultado idéntico.

El tamaño de la fuente

Para establecer el tamaño de la fuente, usamos el atributo size. Se aceptan valores entre 1 (el más pequeño) y 7 (el más grande). El valor estándar de un texto es 3.

html<p><font size="5">Este es el tamaño de fuente 5</font></p>

Demo

Este es el tamaño de fuente 5

El color de la fuente

Para establecer el color del texto, usaremos simplemente color

html<font color="#990000">Este texto es  #990000</font>
<br />
<font color="red">Este texto es rojo</font>

Demo

Este texto es #990000
Este texto es rojo

Font Face

Elige un estilo de letra usando el atributo, face de la etiqueta font. Podrás escoger cualquier fuente que tengas instalado, pero escoge la fuente con cuidado porque el usuario que visite tu página no podrá ver la fuente si no tiene instalada tu misma fuente. Verá en cambio la fuente por defecto, que es Times New Roman. La solución será escoger varias fuentes que sean parecidas.

html<p><font face="Bookman Old Style, Book Antiqua, Garamond">Este párrafo ha formateado su fuente con la etiqueta font!</font><p>

Demo

Este párrafo ha formateado su fuente con la etiqueta font!

Basefont

Con la ayuda de la etiqueta basefont puedes establecer el valor por defecto de la fuente en tu página web. Te recomendamos especificar un basefont en caso de que uses la fuente en HTML. La cual está en el siguiente modelo.

html<html>
	......
	<body>
		<basefont size="2" color="green">
		
			<p>Este párrafo ha formateado su fuente con la etiqueta font!</p>
			<p>Este párrafo ha formateado su fuente con la etiqueta font!</p>
			<p>Este párrafo ha formateado su fuente con la etiqueta font!</p>
			
		</basefont>
	</body> 
</html>

Con todos estos, basefont obsoleto. En un futuro cercano es posible que no funcione más y que se use CSS en su lugar.

Atributos

Atributo"Valor"Descripción
size="Num. Valor 1-7"Tamaño de tu texto, 7 es el más grande
color="nombre, rgb o hexadecimal"Cambia el color de la fuente
face="nombre de la fuente"Cambia el tipo de la fuente
Attribute= "Valor" Descripción size= "Num. Valor 1-7" Tamaño de tu texto, 7 es el más grande color= "rgb,nombre,o hexadecimal" Cambia el color de la fuente face= "nombre de la fuente" Cambia el tipo de la fuente Empezar un parafo "como en los libros"
html<p><font size="7" face="Georgia, Arial" color="#990000">P</font>ersonaliza tu fuente para lograr el aspecto deseado.</p>

Demo

Personaliza tu fuente para lograr el aspecto deseado.