Zeichen- und Schriftformatierung: Schriftgröße
Eine Überschrift ist in der Regel größer als der normale Fließtext und wer kennt nicht das berüchtigte „Kleingedruckte“, das, weil es so klein ist, eh niemand liest und in dem gerade aus diesem Grund häufig die wichtigsten und verhängnisvollen Informationen zu finden sind. Über den CSS-Befehl „font-size“ können Sie unterschiedliche Schriftgrößen ganz einfach definieren. Die Schriftgröße kann „absolut“ oder „relativ“ festgelegt werden, mittels numerischer Werte oder Größennamen.
Absolute Größenangaben
Als absolute Größenangaben stehen die Maßeinheiten „pt (Punkt = 1/72 Inch)“, „px (Pixel)“, „pc (Pica = 12pt oder 1/6 Inch)“, „in (Inch)“, „mm (Millimeter)“ und „cm (Zentimeter)“ zur Verfügung.
relative Größenangaben
Die Schriftgröße kann hingegen auch mit einer relativen Größenangaben definiert werden. Dabei wird die Schriftgröße entweder relativ zur elementeigenen Schriftgröße „em“, relativ zur elementeigenen Schriftgröße des Buchstabens „x“ „ex“ oder prozentual zur Standardschriftgröße des Dokuments festgelegt.
Größe per Namen definiert
Zu guter Letzt kann die Schriftgröße auch per vordefinierter Namen bestimmt werden. Dazu stehen von „xx-small“, also wirklich sehr klein bis „xx-large“, einfach riesig, folgende Angaben zur Verfügung:
Die Qual der Wahl
Bei dieser Auswahl stellt sich nun jedem Webmaster die Frage, für welche Angabe er sich entscheiden soll. Bewährt hat sich beim Programmieren stets, die einmal gewählte Einheit durchgängig im gesamten Projekt beizubehalten. Weit verbreitet ist die Angabe der Schriftgröße in Punkten (pt), wie sie von Textverarbeitungsprogrammen her bekannt ist. Mit einer Angabe in Pixel bezieht man sich auf eine Maßeinheit, der man bei Bildgrößen, Abständen, Elementgrößen usw. immer wieder begegnet. Wer weniger analytisch sondern eher visuell veranlagt ist, für den haben die Größennamen sicher einen gewissen Reiz.
Unterschiedliche Schriftgrößen können eine Webseite strukturieren helfen, so dass der Leser die Inhalte schnell erfasst. Dazu gehört allerdings ein gewisser Rhythmus, der durchgängig eingehalten wird und an dem sich der Leser orientieren kann. Einen klaren Rhythmus erzielt man, indem man sich auf ein begrenztes Repertoire an Schriftgrößen für sein Projekt festlegt. Auf einer gut gegliederten Webseite findet man daher selten mehr als vier Schriftgrößen auf einer Webseite vereint, um z.B. eine Überschrift, eine Sub-Überschrift, den Fließtext und Kleingedrucktes zu bestimmen.
IE | Opera | Netscape | Firefox | ||||||
| 5 | 5.5 | 6 | 6 | 7 | 8 | 6 | 7+ | 0.8+ | |
| font-size | x | x | x | x | x | x | x | x | x |