Schriftfamilien sind fest vordefiniert – diese Angaben können Sie also neben Schriftartnamen benutzen:
•
serif
= eine Schriftart mit Serifen (beispielsweise Times),
•
sans-serif
= eine Schriftart ohne Serifen (beispielsweise Arial),
•
cursive
= eine Schriftart für Schreibschrift,
•
fantasy
= eine Schriftart für ungewöhnliche Schrift,
•
monospace
= eine Schriftart mit dicktengleichen Zeichen (bspw. Courier).
Es empfiehlt sich, generische Schriftarten als letzte Angabe einer Wertzuweisung an
font-family
zu notieren – wie im ersten der obigen Beispiele. Damit bieten Sie dem Browser die Chance, eine Schriftart auszuwählen, die zumindest vom Typ her der gewünschten entspricht, falls die andere Schrift nicht auf dem System vorhanden ist.
Weitere Hinweise
Achten Sie auf die genaue Schreibweise der Schriftartenbezeichnung. Im Zweifelsfall ist es sinnvoll, sich mit Hilfe eines Font-Management-Programms die Schriftart anzeigen zu lassen. Dabei wird auch die korrekte Schriftartenbezeichnung mit ausgegeben.
Referenzinformationen
CSS-Eigenschaft
font-family
:
14.1.2 Schriftvariante, Schriftgewicht, Schriftstil und Schriftgröße
All diese Eigenschaften für die Standard-Schriftformatierung beginnen ebenso wie
font-family
mit
font-
.
Beispiel
Titel
kleiner Beispieltext mit Schriftstil italic
großer Beispieltext mit Schriftstil italic
sehr großer Beispieltext mit Kapitälchen
kleiner fetter Beispieltext
großer Beispieltext mit Schriftgewicht 600 von 900
Bild 14.2: Schriftvariante, Schriftgewicht, Schriftstil und Schriftgröße im Browser
Erläuterung
Mit
font-style:
können Sie die Neigung der Schrift beeinflussen. Mit
italic
weisen Sie wie im Beispiel im zentralen
style
-Bereich einen kursiven Schriftstil zu, mit
normal
einen Schriftstil ohne Neigung. Anstelle von
italic
können Sie auch
oblique
zuweisen.
Mit
font-variant:
können Sie eine alternative Darstellungsform der Schrift erzwingen. Derzeit wird dabei nur die Option
small-caps
unterstützt, mit der Sie eine Kapitälchen-Schrift erzwingen. Innerhalb eines so ausgezeichneten Elements können Sie innere Elemente mit
font-variant:
normal;
formatieren, um die Kapitälchendarstellung wieder zu beenden.
Mit
font-size:
können Sie die Schriftgröße bestimmen. Erlaubt sind nummerische Angaben, aber auch Prozentangaben. Prozentwerte beziehen sich auf die Schriftgröße des Elternelements.
Alternativ zu nummerischen Angaben sind auch absolute und relative Schlüsselworte möglich, nämlich
medium
für Normalschriftgröße,
small
,
x-small
und
xx-small
für kleinere, sehr kleine und winzige Schriftgrößen sowie
large
,
x-large
und
xx-large
für größere, sehr große und riesige Schriftgrößen. Auch die beiden relativen Angaben
smaller
für etwas kleiner als normal und
larger
für etwas größer als normal sind erlaubt.
Mit
font-weight:
können Sie das Schriftgewicht angeben, also die Dicke und Stärke einer Schrift. Als mögliche Wertzuweisungen stehen verbale Angaben zur Verfügung, nämlich
bold
für Fettschrift,
bolder
für etwas fetter als normal,
lighter
für eine Light-Variante der Schrift und
normal
, um explizit das Standard-Schriftgewicht zu erzwingen. Ferner können Sie einen der Werte
100
,
200
,
300
,
400
,
500
,
600
,
700
,
800
oder
900
an
font-weight:
zuordnen. Das ist eine Skala von extradünn (
100
) bis extrafett (
900
).
In der Praxis wird allerdings außer den Angaben
bold
und
normal
kaum einer der möglichen Werte verwendet.
Referenzinformationen
CSS-Eigenschaften
font-style
,
CSS-Eigenschaften
font-weight
,
CSS-Eigenschaften
font-variant
,
CSS-Eigenschaften
font-size
:
14.1.3 Die zusammenfassende font-Eigenschaft
Die
font
-Eigenschaft fasst folgende Einzelangaben zusammen:
font-style
,
font-variant
,
font-weight
,
font-size
,
line-height
und
font-family
.
Beispiel
Titel 
Kostenlos Online Lesen 