Etiqueta HTML <font>
La etiqueta <font> define las características de la fuente. El tamaño, el color y la tipografía se controlan mediante los atributos size, color y face.
peligro
La etiqueta
<font>es una etiqueta HTML obsoleta. En su lugar, utiliza estilos de CSS (consulta un ejemplo más abajo).
Sintaxis
La etiqueta <font> se usa en pares. El contenido se escribe entre las etiquetas de apertura (<font>) y cierre (</font>).
Ejemplo de uso de la etiqueta HTML <font>:
Ejemplo de la etiqueta HTML <font>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>
<font size="2" color="#1c87c9">Blue text</font>
</p>
<p>
<font size="3" color="red">Red text, font size increased.</font>
</p>
<p>
<font face="arial" color="#8ebf42">Green text, typeface changed.</font>
</p>
</body>
</html>Resultado
Estilos CSS
Para cambiar el color del texto, utiliza la propiedad color de CSS en lugar del atributo color. font-family de CSS reemplaza al atributo face, y en lugar del atributo size, se utiliza la propiedad font-size de CSS.
Ejemplo de cambio del estilo del texto con CSS:
Ejemplo de uso de las propiedades CSS color, font-family y font-size en lugar de los atributos color, face y size
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p style="font-size:16px; color:#1c87c9;">Blue text.</p>
<p style="font-size:18px; color:red;">Red text, font size increased.</p>
<p style="font-size:18px; color:#8ebf42; font-family:arial;">Green text, typeface changed.</p>
</body>
</html>Atributos
| Attribute | Value | Description |
|---|---|---|
| color | rgb (x, x, x) #xxxxxx colorname | Establece el color del texto. |
| face | font_family | Establece la tipografía. |
| size | number | Establece el tamaño del texto. |
Práctica
¿Cuáles son las características de la etiqueta HTML Font?