Einheiten der Schriftgröße
    
 Home • CSS • Maßeinheiten   drucken  Seite drucken

 10) Einheiten

01 02 2a 03 04 05 06 07 7a 08 09 10 11 12 13 14   Einführung

Verlassen Sie sich bitte nicht auf den Augenschein bei der Festlegung der Schriftgrößen. Auf dem Bildschirm ihres Seitenbesuchers mag alles ganz anders aussehen.
Einheiten in CSS-Anweisungen

Abhängig vom Bildschirm, Betriebssystem und Browsereinstellungen können die Darstellungen abweichen. Lesen Sie dazu auch die Informationen auf der Seite

CSS-Schriftgrößen Fehlersuche    beinahe Barrierefrei


CSS unterstützt unterschiedliche Maßeinheiten, unterschieden werden absolute und relative Maßangaben.

Relative Einheiten in dieser Tabelle beziehen sich auf die Einstellung 11px des übergeordneten Tabellenzellenelements.

Einheit Text Beschreibung Beispiel ABC xyz
% Prozent relativ zur Schriftgröße 130% ABC
em Element relativ zur Schriftgröße
des Elternelements		 2em ABC
ex Höhe x relativ zur Höhe des kleinen Buchstaben x. 3ex ABC
cm Zentimeter Maßeinheit in Zentimeter 0.6cm ABC
in Inch Maßeinheit in Inch 0.2in ABC
mm Millimeter Maßeinheit in Millimeter 6mm ABC
pc Pica Maßeinheit in Pica,
1 Pica = 12 Punkte		 0.8pc ABC
pt Punkte Maßeinheit in Punkten,
1 Punktt = 1/72 eines Inch.		 12pt ABC
px Pixel Maßeinheit in Bildschirmpixel 12px ABC



Außerdem hängt die Darstellung von der gewählten Schriftart ab:


style="font-size:12px;font-family:Times;"

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.


style="font-size:12px;font-family:Arial;"

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.


style="font-size:12px;font-family:Verdana;"

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.


style="font-size:12px;font-family:Monospace;"

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.


style="font-size:12px;font-family:Helvetica;"

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.


style="font-size:12px;font-family:Tahoma;"

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.



Weiter gehts auf der Seite 11 ...

01 02 2a 03 04 05 06 07 7a 08 09 10 11 12 13 14   Einführung







Eine Alternative, die Größe einiger wichtiger Textpassagen durch den Seitenbesucher festlegen zu lassen, ohne das Design zu gefährden. Dort beschreibe ich auch, wie in den Browsern die Schriftgröße angepasst werden kann, und was Strg + Mausrad mit dem Schriftgrad der Seite anstellt.

13) Ein Stückchen Barrierefrei