Fonts: Eigenschaften und Werte
Unten finden Sie eine Tabelle der Style-Eigenschaften und -Werte für Fonts (Schriftarten) -- andere Eigenschaften und Werte sind auf den folgenden Seiten aufgeführt. (Ich habe hier nur Eigenschaften und Werte aufgenommen, die im Moment von Internet Explorer und Netscape erkannt werden -- weitere werde ich hinzufügen, sobald sie unterstützt werden)
Häufig benutzte Eigenschaften und Werte für Cascading Style Sheets
Legende der Tabelle
|
Unterstützt von Internet Explorer 3.x
Unterstützt von Internet Explorer 4.x
Unterstützt von Netscape 4.x
|
pt = points (Punkte)
in = inches (Zoll)
cm = centimeters (Zentimeter)
px = pixels (Pixel)
em = Höhe der Schriftart des jeweiligen Elements
(die Einheit em wird noch nicht häufig unterstützt und sollte sehr vorsichtig eingesetzt werden)
|
|
Eigenschaft
|
Beschreibung
|
Werte
|
Beispiel
|
Schrift-Eigenschaften
|


|
font-size (Schriftgröße; wird vererbt)
|
Legt die Größe des Texts fest
|
Größe (pt, in, cm, px)
Prozentsatz der normalen Größe
relativ:
xx-large, x-large, large, medium, small, x-small, xx-small, larger, smaller
|
{ font-size: 12pt }
{ font-size: 200% }
{ font-size: x-large }
|


|
font-family (Schriftartenfamilie; wird vererbt)
|
Legt die Schriftart und Alternativen fest (in der Reihenfolge der Ähnlichkeit)
|
Name der Schriftart
Name der Schriftfamilie
|
{ font-family: "Trebuchet MS", "Sans-serif" }
|


|
font-weight (Schriftgrad; wird vererbt)
|
Legt den Schriftgrad der Schrift fest
|
normal
bold (fett)
(andere Optionen werden später unterstützt)
|
{ font-weight: bold }
|


|
font-style (Schriftstil; wird vererbt)
|
Stellt Text kursiv dar
|
normal
italic (kursiv)
(mehr Optionen werden später unterstützt; 'oblique smallcaps' nur in IE4 möglich)
|
{ font-style: italic }
|

|
font-variant (Schrift-Variante; wird vererbt)
|
Gibt einen anderen Schriftschnitt an
|
smallcaps
(mehr Optionen werden später verfügbar sein)
|
{ font-variant: smallcaps }
|

|
@font-face
|
Gibt die Quelle für eine Schriftart an, die nicht auf dem System des Benutzers vorhanden ist
(beachten Sie die Anmerkung unter dieser Tabelle)
|
@font-face { font-family: (font-family) ; url(URL); }
|
@font-face comic { src:url(http://site/comicbold.eot); }
|
Der spezielle Style @font-face wird wahrscheinlich in der Final-Version von IE4 implementiert sein, vorausgesetzt, er wird vom World Wide Web Consortium akzeptiert; im Moment konnte ich noch keine Informationen über den Aufbau oder Beispiele dieser ".eot" (Open Type) Dateien finden -- besuchen Sie Microsoft's Typography Page, um sich über die Entwicklung zu informieren; ich werde diese Seite aktualisieren, wenn mehr Informationen verfügbar werden.
|