font-size: Schriftgröße

0 | 0 Kommentare | 1451 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.

Firefox2Unterstützt3Unterstützt3.1Unterstützt
IE6Nein7Unterstützt8Unterstützt
Opera9Unterstützt9.5Unterstützt
Safari3Unterstützt3.1Unterstützt4Unterstützt
32%
Problemfreies 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ößt 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 3 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
  • Benutzer gelöscht
    hat keine Beschreibung angegeben. Eine Beschreibung kann man unter dem Punkt "Profil bearbeiten" im Kontrollzentrum eintragen.
  • Holger V
    Student der Biochemie und seit einigen Jahren im Hobby-Entwicklerbereich tätig. Stärken in XHTML/CSS und PHP, alles was mit Grafik zu tun hat, gehört nicht dazu.
  • Thomas H
    arbeitet seit längerem als Webdesigner und vor allem -entwickler. Er ist Webmaster von Webmasterpro.de und leitet den Flashcounter-Service.

Kommentare: font-size: Schriftgröße