font-size: Schriftgröße

0 | 4833 Aufrufe
Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "font-size: Schriftgröße" mit Ihrem Wissen!

Anzeige Hier werben

font-size

Werte: xx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger, Länge, Prozentangabe
Standardwert: medium
Vererbung: ja
Kurzschreibweise: font
Anwendbar auf: Alle Elemente
CSS-Level: CSS1, CSS2.1, CSS3

Die Eigenschaft font-size wird verwendet um die Schriftgröße eines zu darstellenden Textes anzugeben.

Werte

Die Schriftart kann absolute oder abhängig von den umgebenden Elementen angegeben werden.

relativ zum Elternelement

Setzt die Schriftgröße relativ zur Schriftgröße des Elternelements.

Schreibweise
Erläuterung
Prozentangabe Setzt die Schriftgröße in eine prozentuelle Größe des Elternelements
em
ex

Der Vorteil an der relativen Einheit ist, dass man die Schriftgröße der gesamten Webseite an nur an der äußersten Angabe verändert werden muss und z.B. Überschriften ihr Größenverhältnis zum Rest des Textes behalten.

Absolute Angaben

Die Fixe Größe erlaubt eine absolute Schriftgröße, un abhängend von den umgebenden Elementen.

Schreibweise
Erläuterung
xx-small
HTML Schriftgröße 1
x-small
HTML Schriftgröße 2
small
HTML Schriftgröße 3
medium
HTML Schriftgröße 4 (Standardwert)
large
HTML Schriftgröße 5
x-large
HTML Schriftgröße 6
xx-large
HTML Schriftgröße 7
smaller Setzt die Schriftgröße kleiner als im Elternelement.
larger Setzt die Schriftgröße größer als im Elternelement.
Länge(px, pt, in, mm, pc) Setzt die Schriftgröße in eine fixierte Größe.

Speziellere Eigenschaften (CSS3)

Eigenschaft
Bedeutung
font-size-adjust
Die Eigenschaft font-size-adjust wird benützt um das Verhältnis zwischen
Groß- und Kleinbuchstaben zu ändern.
Dies kann bei manchen Schriftarten nützlich sein um sie besser lesbar zu machen.

Kurzschreibweise: font

Die Schriftgröße kann zusammen mit allen anderen Schrifteigenschaften durch die zusammenfassende Eigenschaft font gesetzt werden.

IE6 Problem: Benutzer können keine Größenanpassung bei Schrift in px vornehmen

In (fast) jedem Browser kann die Schriftgröße (z.B. durch drücken von Strg++ und Strg+-) vom Benutzer angepasst werden, damit z.B. Leute mit Sehschwierigkeiten den Text besser lesen können.

Firefox3.6Unterstützt4+Unterstützt
IE7Unterstützt8Unterstützt9Unterstützt
Opera11Unterstützt12Unterstützt
1+Unterstützt
Safari4Unterstützt5Unterstützt
Problemfreie Schriftgrößeneinstellung

Der Internet Explorer 6 hat hier aber ein Problem bei der Barrierefreiheit: Schriftgrößen die in px angegeben sind, werden hier nicht verändert, sondern bleiben immer gleich groß.

Das Problem kann durch Verzicht auf eine Angabe in px gelöst werden, oder durch diverse Tricks umgangen werden. Es ist aber zu überlegen, ob nicht wegen dem stetig sinkenden Marktanteil dieses Problem vernachlässigt werden kann.


Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 4 Personen an der Seite "font-size: Schriftgröße" mitgewirkt.

Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "font-size: Schriftgröße" hier bearbeiten.

Mitarbeiter