In HTML werden Schriftarten über den Tag[html] <font>…</font> [/html]festgelegt.
5.1 Schriftart
Um eine bestimmte Schriftart für einen Text festzulegen, notieren Sie im FONT-Tag das Attribut face=”…”. Zwischen den beiden Anführungszeichen schreiben Sie den Namen der Schriftart, z.B. “Arial”, “Times New Roman” oder “Verdana”.
[html]<html>
<head>
<title>Meine erste HTML-Seite</title>
</head>
<body>
<p><font face="verdana">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce ac mauris. Donec volutpat laoreet libero. Donec elementum magna eget tellus faucibus mattis. Praesent eu mi. Nunc nec eros. Curabitur a lorem nec diam cursus vehicula. In hac habitasse platea dictumst. Pellentesque ante odio, aliquet a, molestie ac, ornare a, nulla. Nulla ornare nulla vitae nunc. Fusce sollicitudin erat eu purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed a nisl. Duis vitae metus nec nunc placerat pretium. Cras dapibus varius eros. Nam a eros. Sed ornare cursus erat. Donec mollis, augue eget euismod dapibus, quam mauris feugiat lectus, ut iaculis nisl mi sit amet metus. Donec felis. Nunc egestas lacus sed arcu.</font></p>
</body>
</html>[/html]
Achten Sie darauf, dass Sie nur übliche Schriftarten verwenden, da die Schriftart auf dem Rechner des Besuchers installiert sein muss.
Gängige Schriftarten sind beispielsweise:
- Arial
- Courier
- Comic Sans MS
- Times New Roman
- Verdana
5.2 Schriftgröße
Das Attribut size=”…” regelt die Schriftgröße des Textes. Sie können als Größenangabe eine Zahl zwischen 1 (sehr klein) und 6 (sehr groß) angeben.
[html]
<html>
<head>
<title>Meine erste HTML-Seite</title>
</head>
<body>
<p><font face="verdana" size="1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</font></p>
<p><font face="verdana" size="2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</font></p>
<p><font face="verdana" size="3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</font></p>
<p><font face="verdana" size="4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</font></p>
<p><font face="verdana" size="5">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</font></p>
<p><font face="verdana" size="6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</font></p>
</body>
</html> [/html]