Einheiten der Schriftgröße
    
HOME
ZURÜCK SITEMAP  

 10) Einheiten
Seite: 01 02 03 04 05 06 07 08 09 10 11

Verlassen sie sich bitte nicht auf den Augenschein bei der Festlegung der Schriftgrößen. Auf dem Bildschirm ihres Seitenbesuchers mag alles ganz anders aussehen.

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 in absolute und relative Maße.

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ßerden hängt die Darstellung von der gewählten Schriftart ab:


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.





 Ein Stückchen Barrierefrei
Eine Alternative, die Große einiger 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.






NACH OBEN