10) Einheiten
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 ...

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

|