HTML lernen (1): Einführungskurs
HTML-Grundlagen: Textauszeichnungen und Sonderzeichen: HTML-Grundlagen: Schriftgestaltung
HTML-Grundlagen: Schriftgestaltung
Auf dieser Seite
Mit Bild
Der hier beschriebene Font-Tag ist als deprecated eingestuft, das heißt, er soll in Zukunft aus dem HTML-Standard entfernt werden. Verzichten Sie lieber auf die hier beschriebenen Elemente und benutzen Sie die CSS-Entsprechungen.
Mit Bild
Schriftart
Sie können die Schriftart über den <font>-Tag festlegen. Dazu geben Sie im face-Attribut die gewünschte Schriftart an:
Mit Bild
<font face="arial"></font>
Mit Bild
Beachten Sie dabei besonders, ob die Schriftart auch auf allen Computern Ihrer Besucher vorhanden ist. Um sicher zu gehen, dass auch der gewünschte Effekt erzielt wird, kann man auch mehrere Schriftarten angeben. Dann versucht der Browser zuerst die 1. angegebene Schrift darzustellen, dann die nachfolgenden, bis er auf dem Rechner eine installierte Schriftart gefunden hat.
Mit Bild
Für Windows kann man von dem Vorhandensein von Arial, Times und ab Internet Explorer 5 auch von Verdana ausgeben. Auf dem Mac ist Helvetica verfügbar.
Mit Bild
<font face="verdana, arial, helvetica">Text in der gewünschten Schriftart</font>
Mit Bild
Schriftgröße
Mit dem HTML-Befehl <font size="Zahlenwert 1-7"> ... </font> kann die Schriftgröße verändert werden. Diese Anweisung wird von Mozilla Firefox und dem Internet Explorer ab Version 2.0 ausgewertet. Die Abstufungen von 1 bis 7 sind relative Werte zur im Browser eingestellten Schriftgröße. Der Wert 3 entspricht ihr genau, die Abstufungen 1 und 2 sind kleiner, die Werte 4 bis 7 vergrößern die Schrift.
Mit Bild
Beispiel: Schriftgrößen
<html>
<head>
<title>Textauszeichnungen</title>
</head>
<body>
<font size="1">Klein aber fein</font><br>
<font size="2">A little bit more</font><br>
<font size="3">Entspricht der Einstellung im Browser</font><br>
<font size="4">Es geht bergauf</font><br>
<font size="5">Und noch eine Stufe</font><br>
<font size="6">Ein Ende ist abzusehen</font><br>
<font size="7">The King Size</font><br>
</body>
</html>
Mit Bild
Das Ergebnis sieht so aus:
Mit Bild
Schriftgrößen in HTML
Mit Bild
Schriftfarbe
Mit Hilfe des Attributs color im <font>-Tag können Sie beliebigen Textpassagen eine eigene Farbe zuweisen. Diese Anweisung ist unabhängig von der Einstellung der Schriftfarbe, die im body-Tag mit dem Attribut text festgelegt werden kann (Dazu kommen wir etwas später).
Mit Bild
Beispiel: Schriftfarben
<html>
<head>
<title>Textauszeichnungen</title>
</head>
<body bgcolor="#ffffff" text="0033ff">
<font color="#cc0000">Ein dezentes Rot</font><br>
<font color="#009900">Ein hoffnungsvolles Grün</font><br>
<font color="#0099ff">Ein himmlisches Blau</font><br>
... usw.<br>
</body>
</html>
Mit Bild
Schriftfarben in HTML