Tag HTML <font>

Le tag <font> spécifie la caractéristique de police. La taille, la couleur et la garniture de la police sont déterminées par les attributs size, color et face.

Ce tag est obsolète, vous devez plutôt utiliser des styles CSS (voir l'exemple ci-dessous).

Syntaxe

Le tag <font> est apparié; le contenu est écrit entre le tag ouvrant (<font>) et le tag fermant (</font>).

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
  </head>
  <body>
    <p>
      <font size="2" color="#1c87c9">Texte bleu</font>
    </p>
    <p>
      <font size="3" color="red">Texte rouge, la taille de police augmentée.</font>  
    </p>
    <p>
      <font face="arial" color="#8ebf42">Texte vert, typeface changé.</font>
    </p>
  </body>
</html>

Résultat

Les styles CSS

Au lieu de l’attribut color on utilise la propriété CSS color pour changer la couleur, au lieu de l’attribut face, la propriété CSS font-family ou font-face, et au lieu de l’attribut size , la propriété CSS font-size.

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
  </head>
  <body>
    <p style="font-size:16px; color:#1c87c9;">Texte bleu.</p>
    <p style="font-size:18px; color:red;">Texte rouge, la taille de police augmentée.</p>
    <p style="font-size:18px; color:#8ebf42; font-family:arial;">Texte vert, typeface changé.</p>
  </body>
</html>

Résultat

Attributs

Attribut Valeur Description
color rgb (x, x, x)
#xxxxxx
colorname
Installe la couleur de texte.
face font_family Installe la garniture de police.
size number Installe la taille de texte.

Comment styler le tag HTML <font> ?

Propriétés communes pour modifier le poids visuel/emphase/taille du texte dans le tag <font>:

Coloration du texte dans le tag HTML <font>:

Styles de mise en page du texte pour la tag HTML <font>:

Autres propriétés utiles pour le tag HTML <font>:


Support de Navigateurs



Trouvez-vous cela utile?

Articles Associées