Balise HTML <font>
La balise <font> définit les caractéristiques de la police. La taille, la couleur et la famille de caractères sont contrôlées par les attributs size, color et face.
DANGER
La balise <font> est une balise HTML dépréciée. À la place, utilisez des styles CSS (voir un exemple ci-dessous).
Syntaxe
La balise <font> s'utilise par paire. Le contenu est écrit entre la balise d'ouverture (<font>) et la balise de fermeture (</font>).
Exemple d'utilisation de la balise HTML <font> :
Exemple de balise 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>Résultat
Styles CSS
Pour changer la couleur du texte, utilisez la propriété CSS color au lieu de l'attribut color. La propriété CSS font-family remplace l'attribut face, et à la place de l'attribut size, la propriété CSS font-size est utilisée.
Exemple de modification du style du texte avec CSS :
Exemple d'utilisation des propriétés CSS color, font-family et font-size au lieu des attributs color, face et 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>Attributs
| Attribut | Valeur | Description |
|---|---|---|
| color | rgb (x, x, x) #xxxxxx colorname | Définit la couleur du texte. |
| face | font_family | Définit la famille de caractères. |
| size | number | Définit la taille du texte. |
Pratique
Quelles sont les fonctionnalités de la balise HTML Font ?