Mit der Anweisung <STYLE TYPE="text/css"> ... </STYLE> im »Head-«Bereich können Stilanweisungen für die Schrift gegeben werden.

::Fatalerweise verstehen nicht alle Browsers alles::
Nicht falsch gehen kann man jedoch mit folgenden Befehlen:
»font-size:«, »font-family:« und »color:«

Ein Script-Beispiel sähe so aus:

<HEAD>
.....
<STYLE TYPE="text/css">
<!--
H1 { font-size:14pt; color:red; font-family:Times, Arial }
H2 { font-size:12pt; color:blue; font-family:Times, Arial }
//-->
</STYLE>
....
</HEAD>

Und das Ergebnis dann so:

<H1>Eine rote Zeile in Times (oder Arial) 14 Punkt</H1>

<H2>Eine blaue Zeile in Times (oder Arial) 12 Punkt</H2>

(Wobei man die gesetzten H-Tags natürlich nicht sieht!)

Anmerkungen:
(a) Der angegebene »Type« sagt dem Browser, worum es geht, nämlich um Text,
und darüber hinaus um CSS=Cascading Style Sheets
(b) Netscape möchte gerne eine Leertaste zwischen den Stil-Typen nach dem Semikolon
(c) Die benannten Font-families werden in der Reihenfolge ihrer Nennung (auf-)gesucht

Sie können es auch ganz bunt machen (das ist dann allerdings eine Geschmacksfrage); nämlich etwa so:

Dies ist ein mit <span> formatierter Text; der Tag bewirkt, dass lokal ein Textstück hervorgehoben wird.

JedesWortkanneineneueWelteröffnen

Der Script dafür sieht so aus:

<SPAN STYLE="color:#0044AA; font-size:18pt; font-weight:bold; letter-spacing:2pt;">Jedes</SPAN>

<SPAN STYLE="color:#AA22AA; font-size:28pt; font-family:Helvetica;">Wort</SPAN>

<SPAN STYLE="color:#CC2222; font-size:22pt; letter-spacing:3pt;">kann</SPAN>>

<SPAN STYLE="color:#0000EE; font-size:20pt; font-family:Braggadocio;">eine</SPAN>

<SPAN STYLE="color:#EE44EE; font-size:18pt; letter-spacing:1pt;">neue</SPAN>

<SPAN STYLE="color:#00AA66; font-size:26pt; font-weight:bold; font-family:Wide Latin">Welt</SPAN>

<SPAN STYLE="color:#EE0000; font-size:24pt; letter-spacing:-1pt; font-family:BrushScript;">eröffnen</SPAN>

Sie sollten nur nicht unbedingt, so wie hier, reichlich exotische Schriften referenzieren. Der Browser sucht sich zwar im System ggf. eine ähnliche Ersatzschrift, aber die »BrushScript« wird er wohl nur in den wenigsten Fällen finden...

Zurück