- aktualisiert:
- 21.01.2012
- erstellt:
- 07.02.2007
Schriftgröße
Die Schriftgröße wird durch die Eigenschaft font-size
bestimmt.
p {
font-size:30px;
}
Mögliche Werte
Absolute Schlüsselwörter
small
,medium
,large
Relative Schlüsselwörter
smaller,
larger
Absolute und relative Maßangaben
Es sind die unter Maßangaben aufgelisteten absoluten und relativen Angaben möglich.
Relative Maßangaben (außer px
) werden relativ zur Schriftgröße des Elternelements berechnet.
Die Grund-Bezugsgröße für relative Angaben ist die voreingestellte Schriftgröße des Browsers. In den aktuellen grafischen Browsern liegt diese bei 16px.
Moderne Browser ermöglichen dem Besucher, die Schriftgröße auf einfache Weise den eigenen Bedürfnissen anzupassen. Der Webautor hat keine Möglichkeit, diese Schriftskalierung zu verhindern – man muss ein Layout also so erstellen, dass es bei Schriftgrößenänderung nicht auseinanderbricht.
Der Internet Explorer verweigert dem Nutzer die Schriftskalierung, wenn auf einer Website absolute Maßangaben oder Pixel für die Schriftgröße verwendet werden. Schriftgrößen sollten daher – im Interesse des Benutzers – immer relativ angegeben werden.
In aktuellen Versionen der verbreiteten Browsern steht dem Benutzer auch eine Zoom-Funktion zur Verfügung. Diese vergrößert nicht nur den Text (und schriftgrößenabhängige Elemente), sondern alle Elemente einer Seite. Auf diese Art vergrößerte Bilder sehen oft unscharf und verpixelt aus -- doch die Gefahr des Auseinanderbrechens eines Layouts ist dabei geringer.
Da sich beim Zoomen auch oft die Gesamtbreite eines Layouts erhöht – und so schnell die ungeliebten horizontalen Scrollbalken auftauchen – ist auch die Zoom-Funktion nicht immer die ultimative Lösung für Besucher, die alles etwas größer brauchen. Der reine Textskalierung wird auch weiterhin ihre Berechtigung behalten – und ihre Auswirkungen sollten von Webautoren berücksichtigt werden.