Tags ‘Schriftformatierung’

HTML Texte mit CSS formen

Webdesign | Sonntag, 14.03.2010 | Noch kein Kommentar

Das Layout von HTML Fließtext ist auf den meisten Websites eine recht langweilige Angelegenheit. Gerne würde mancher Webdesigner auf die aus dem Printbereich bekanten Layoutmöglichkeiten zurückgreifen. So ist es beim Desktop-Publishing kein Problem, etwa runden Text um ein rundes Bild herumfließen zu lassen. Bei Verwendung der CSS-Eigenschaft float fließt der Text zwar um das Bild herum, allerdings wieder in eckiger Form. Das verwundert nicht, denn Websites bestehen nun mal aus viereckigen Kästen, die übereinander, nebeneinander oder ineinander gestapelt werden.

Mehr lesen … »

Grundregeln der Web-Typografie

Webdesign | Donnerstag, 03.12.2009 | Noch kein Kommentar

Im Buch bin ich recht ausführlich auf die Möglichkeit eingegangen, Text mit CSS zu formatieren (siehe ab Seite 44, Kapitel “Schriftformatierungen”). Relevant sind vor allem folgende CSS-Eigenschaften:

  • font-family: Definiert die Schriftart(en).
  • font-size: Definiert die Schriftgröße.
  • line-height: Definiert die Zeilenhöhe.

Als Ergänzung möchte ich Anfängern einen Artikel von WDL ans Herz legen, in dem die 20 wichtigsten Tipps und Tabubrüche in Bezug auf Web-Typografie zusammengefasst wurden. Anmerken möchte ich aber, dass man verschiedene Fonts bzw. Schriftfamilien durchaus mischen kann, wenn man Sie lediglich als typografisches Stilmittel (begrenzt!) einsetzt. Auf diesem Wege lassen sich z. B. Überschriften oder Infokästen absetzen. Natürlich sollte man sie niemals innerhalb eines Fließtextes mischen, und alle Fließtexte sollten dieselbe serifenlose Schrift verwenden, etwa Verdana. Beachten sollten Sie ferner, dass die von Ihnen verwendeten Fonts auf möglichst vielen Betriebssystem installiert sind. Eine Übersicht über die Standardschriften (Core fonts) und deren Verbreitung finden Sie im Artikel Installierte Schriftarten auf verschiedenen Betriebssystemen.

Installierte Schriftarten auf verschiedenen Betriebssystemen

Anfänger, Webdesign | Montag, 06.04.2009 | 1 Kommentar

Eine sinnvolle CSS-Regel zur Textgestaltung sollte sich grundsätzlich aus folgenden drei Komponenten zusammensetzen:

  • der favorisierten Schrift,
  • einer oder mehrerer Alternativen sowie
  • einer Schriftgattung.

Der Browser arbeitet die Alternativen dann der Reihenfolge nach ab (vergleiche im Buch ab Seite 43). Hierdurch lässt sich das Design zumindest theoretisch weitgehend kontrollieren. Für den Webdesigner stellt sich nun die Frage, welche Schriftarten er überhaupt einsetzen kann. Und damit ist man bei der Überlegung angelangt, welche Fonts die Besucher einer Website voraussichtlich auf ihrem Betriebssystemen zur Verfügung (installiert) haben. Mehr lesen … »