HTML <font>-Tag
Das <font>-Tag definiert Schriftmerkmale. Größe, Farbe und Schriftart werden durch die Attribute size, color und face gesteuert.
DANGER
Das <font>-Tag ist ein veraltetes HTML-Tag. Verwenden Sie stattdessen CSS-Stile (siehe Beispiel unten).
Syntax
Das <font>-Tag wird paarweise verwendet. Der Inhalt wird zwischen dem öffnenden (<font>) und dem schließenden (</font>)-Tag geschrieben.
Beispiel zur Verwendung des HTML <font>-Tags:
Beispiel für das HTML <font>-Tag
<!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>Ergebnis
CSS-Stile
Um die Textfarbe zu ändern, verwenden Sie die CSS-Eigenschaft color anstelle des color-Attributs. CSS font-family ersetzt das face-Attribut, und anstelle des size-Attributs wird die CSS-Eigenschaft font-size verwendet.
Beispiel zum Ändern des Textstils mit CSS:
Beispiel zur Verwendung der CSS-Eigenschaften color, font-family und font-size anstelle der Attribute color, face und 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>Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| color | rgb (x, x, x) #xxxxxx farbe | Legt die Textfarbe fest. |
| face | font_family | Legt die Schriftart fest. |
| size | number | Legt die Textgröße fest. |
Praxis
Welche Merkmale hat das HTML Font-Tag?