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
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
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
✓ | ✓ | ✓ | ✓ | ✓ |
Übe dein Wissen
Welche Aussagen zum HTML-Tag <font> sind korrekt nach dem Inhalt der angegebenen URL?
Richtig!
Falsch!