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.
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>
Este es el tamaño de fuente 5
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>
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>
Este párrafo ha formateado su fuente con la etiqueta font!
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.
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 |
html<p><font size="7" face="Georgia, Arial" color="#990000">P</font>ersonaliza tu fuente para lograr el aspecto deseado.</p>
Personaliza tu fuente para lograr el aspecto deseado.