Webdesign mit (X)HTML und CSS

Ein Kurs für Einsteiger

Schriftgröße

Die Schriftgröße wird durch die Eigenschaft font-size bestimmt.

  1. p {
  2. font-size:30px;
  3. }

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.