Schrift-Properties

(Auszug aus "XML in a Nutshell" von Elliotte Rusty Harold & W. Scott Means)

Schriften gehören zu den grundlegendsten Dingen, die Designer mit CSS einstellen. Ist der Text kursiv? Ist er fettgedruckt? Welche Schriftart und welche Größe werden benutzt? CSS bietet Properties, um diese wichtigen Charakteristika von Text festzulegen. Sie können vor allen Dingen diese Properties einstellen:

  • font-family

    Dieses Property ist eine Liste von Schriftnamen, getrennt durch Kommas, in der bevorzugten Reihenfolge. An letzter Stelle in der Liste sollte immer einer der generischen Namen serif, sans-serif, monospace, cursive oder fantasy stehen. Namen, die sich aus mehreren Wörtern zusammensetzen, wie »Times New Roman«, sollten in Anführungszeichen eingeschlossen werden.

  • font-style

    Der Wert italic gibt an, dass eine kursive Version der Schrift benutzt werden soll, falls eine zur Verfügung steht. Der Wert oblique legt fest, dass der Text geneigt werden soll, anstatt eine speziell gestaltete kursive Version einzusetzen. Die Vorgabe ist normal (keine Kursivsetzung oder Neigung). Ein Element kann auch den font-style eines Elternelements erben. Dazu wird der Wert inherit eingestellt.

  • font-size

    Dieses Property legt die Größe der Schrift fest. Sie sollte mit einem der Werte xx-small, x-small, small, medium, large, x-large oder xx-large angegeben werden. Alternativ kann sie auch als ein Prozentwert der font-size des Elternelements festgelegt werden. Man kann ebenfalls eine Länge verwenden, wie 0.2cm oder 12pt, allerdings eignet sich dieses Vorgehen nur für Printmedien.

  • font-variant

    Ist dieses Property auf small-caps gesetzt, werden Kleinbuchstaben im Text in Kapitälchen ausgegeben, ALSO ETWA SO, anstatt in normalen Kleinbuchstaben.

  • font-weight

    Dieses Property gibt an, wie fett oder schmal der Text ist. Sie wird im Allgemeinen mit einem der Schlüsselwörter normal (Vorgabe), bold, bolder oder lighter festgelegt. Sie kann auch auf ein Vielfaches von 100 gesetzt werden, von 100 (am dünnsten) bis 900 (am dicksten). Allerdings unterstützen nicht alle Browser unbedingt auch neun unterschiedliche Stufen für die Stärke der Schrift.

  • font-stretch

    Dieses Property legt den Platz zwischen den Buchstaben fest, um den Text mehr oder weniger kompakt zu gestalten. Zulässige Werte sind normal (Vorgabe), wider, narrower, ultra-condensed, extra-condensed, condensed, semi-condensed, semi-expanded, expanded, extra-expanded und ultra-expanded.

Diese Regel beispielsweise verwendet all diese Properties, um aus dem Element gericht eine eindrucksvolle Überschrift zu zaubern:

gericht {
  font-family: Helvetica, Arial, sans-serif;
  font-size: x-large;
  font-style: italic;
  font-variant: small-caps;
  font-weight: 900;
  font-stretch: semi-expanded
}

  

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema XML bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

  


Copyright © 2005 O'Reilly Verlag GmbH & Co. KG
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "XML in a Nutshell" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

O’Reilly Verlag GmbH & Co. KG, Balthasarstraße 81, 50670 Köln, kommentar(at)oreilly.de