Das Tag <font> definiert die Eigenschaften der Schrift. Die Größe, Farbe und Art werden durch die Attribute size, color und face definiert.

Dieses Tag ist veraltet. Stattdessen müssen CSS-Stile verwendet werden (sehen Sie das Beispiel unten).

Syntax des Tages

Das Tag <font> wird gepaart verwendet. Sein Inhalt wird zwischen den Start- (<font>) und Endtags (</font>) geschrieben.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
    <p>
        <font size="2" color="blue">Blauer Text.</font>
      </p>
       <p>
         <font size="3" color="red">Roter Text, die Schrift ist vergrößert.</font>  
       </p>
        <p>
          <font face="arial" color="green">Grüner Text, die Schriftart ist verändert.</font>
       </p>
   </body>
</html>

Ergebnis

font beispiel

CSS-Stile

Anstatt des Attributs color wird für die Farbenänderung die CSS-Eigenschaft color, anstatt des Attributs face - die CSS-Eigenschaft font-family oder font-face, und anstelle des Attributs size - die CSS-Eigenschaft font-size verwendet.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
    <p style="font-size:16px; color:#1c87c9;">Blauer Text.</p>
    <p style="font-size:18px; color:red;">Roter Text, die Schrift ist vergrößert.</p>
    <p style="font-size:18px; color:#8ebf42; font-family:arial;">Grüner Text, die Schriftart ist verändert.</p>
  </body>
</html>

Ergebnis

font beispiel

Attribute

Attribut Wert Beschreibung
color rgb (x, x, x)
#xxxxxx
colorname
Es definiert die Textfarbe.
face font_family Es definiert die Schriftart.
size number Es definiert die Textgröße.

Browser-Support

chrome edge firefox safari opera

Übe dein Wissen

Welche Aussagen zum HTML-Tag <font> sind korrekt nach dem Inhalt der angegebenen URL?
Finden Sie das nützlich?