Schrift in CSS
(Auszug aus "E-Books mit ePUB ─ Von Word zum E-Book mit XML" von Dr. Victor Wang)
In der folgenden Tabelle sind die wichtigesten CSS-Eigenschaften für die Schrift-Darstellung aufgeführt sowie deren mögliche Werte mit jeweils einem Beispiel.
font-family | Schriftart Definition der Schriftart. Neben der Nennung von realen Schriftnamen sollte immer eine Basis-Schriftart angegeben werden, falls die erstgenannten Schriften nicht verfügbar sind. |
Werte | [[ <family-name> | <generic-family> ] [, <family-name>| <generic-family>]* ] | inherit |
Beispiel | font-family: Helvetica, Arial, Sans-Serif; |
font | Schriftformatierungen Kurzschreibweise der kompakten Schrift-Angaben (font-style, font-variant, font-weight, font-size/line-height und font-family) Die Reihenfolge ist einzuhalten. |
Werte | [ [ʼfont-styleʼ || ʼfont-variantʼ || ʼfont-weightʼ]? ʼfont-sizeʼ [/ ʼline-heightʼ]? ʼfont-familyʼ] | caption | icon | menu | message-box | small-caption | status-bar | inherit |
Beispiel | font: italic small-caps bold 9pt/10pt Geneva, Sans-Serif; |
font-variant | Kapitälchen Kapitälchen (Großbuchstaben), falls small-caps gesetzt |
Werte | normal | small-caps | inherit |
Beispiel | font-variant: small-caps; |
font-weight | Schriftgewichtung Legt das Schriftgewicht eines Textes fest. Für die Praxis sind eigentlich nur die benannten Werte (lighter, normal, bold, bolder) relevant. Die feineren Zwischenabstufungen (Zahlwerte) kommen in der Praxis nicht vor. OPS-Hinweis: Reader dürfen Zahlwerte (100 bis 900) in einen der festen Werte mappen. |
Werte | normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit |
Beispiel | font-weight: bold; |
font-size | Schriftgröße Die Schriftgröße kann in den in CSS erlaubten Maßeinheiten oder auch über feste Werte (xx-large, x-large, large, larger, medium, smaller, small, x-small, xx-small) definiert werden. OPS-Hinweis: Reader dürfen Maßangaben in einen der festen Werte mappen. |
Werte | <absolute-Größe><relative-Größe> | <Länge> | <Prozent> | inherit |
Beispiel | font-size: 11pt; |
font-style | Strichlage Strichlage des Textes. OPS-Hinweis: Reader müssen keine Unterscheidung zwischen den Werten italic und oblique machen. |
Werte | normal | italic | oblique | inherit |
Beispiel | font-style: oblique; |
letter-spacing | Buchstabenabstand Definiert den Abstand zwischen einzelnen Zeichen im Text. Der Wortabstand wird dabei ebenfalls automatisch angepasst, kann jedoch auch mit word-spacing verändert werden. |
Werte | normal | <Länge> | inherit |
Beispiel | letter-spacing: 0.3em; |
word-spacing | Wortabstand Definiert den Abstand zwischen Wörtern. Der Abstand der Buchstaben bleibt jedoch unverändert (siehe letter-spacing). |
Werte | normal | <Länge> | inherit |
Beispiel | word-spacing: 2px; |
<< zurück | vor >> |
Tipp der data2type-Redaktion: Zum Thema ePub bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright © mitp 2011
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "E-Books mit ePUB" 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.
Verlagsgruppe Hüthig Jehle Rehm GmbH, Im Weiher 10, 69121 Heidelberg, kundenbetreuung(at)hjr-verlag.de