font-size-adjust
(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)
Viele verschiedene Schrifttypen wirken in gleicher Punktgröße unterschiedlich groß. Mit der Eigenschaft font-size-adjust können solche Unterschiede in der optischen Größe von Schrifttypen manuell ausgeglichen werden.
Die optische Größe einer Schrift ist stärker abhängig von der Höhe der Kleinbuchstaben (der x-Höhe) als von ihrer M-Höhe, die das eigentliche Maß für die Größe einer Schrift ist. Bei einer M-Höhe von 100 Punkt besitzt die Schrift Myriad Web eine x-Höhe von 48 Punkt – die Größe der Kleinbuchstaben beträgt somit 48% der Größe von Großbuchstaben. Diese Kennzahl wird als Seitenverhältnis einer Schrift bezeichnet und beträgt für den Schrifttyp Myriad Web demnach 0,48. Die Schrift Verdana etwa hat ein Seitenverhältnis von 0,58. Wenn in einer Stilregel Verdana als alternativer Schrifttyp für Myriad Web definiert wird, wirkt der gesamte Text damit größer als ursprünglich beabsichtigt.
Mit der Eigenschaft font-size-adjust kann das Seitenverhältnis für die Schriftgröße in einem Element vorgegeben werden. Somit werden alle alternativen Schrifttypen in einer Stilregel mit der gleichen x-Höhe auch optisch gleich groß dargestellt.
Vererbt: ja
Siehe auch: font
Werte
Die Eigenschaft font-size-adjust wird immer in Kombination mit font-size benutzt, um die x-Höhe eines Textelements anzupassen. Der Wert none deaktiviert die Größenanpassung für das Element.
Standardwert: keiner
Kompatibilität
CSS-Version: 2
Wird von keinem aktuellen Browser unterstützt.
Beispiel
Folgende Stilregel legt für body eine Reihe von Schrifttypen fest und gibt mit font-size-adjust ein Seitenverhältnis vor, in dem jeder Schrifttyp angezeigt wird:
body {
font-family: "Myriad Web", Verdana, Helvetica, sans-serif;
font-size-adjust: 0.48; /* Seitenverhaeltnis von Myriad Web */
}| Tipp der data2type-Redaktion: Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright © 2006 der deutschen Übersetzung dpunkt.verlag GmbH
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" 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.
dpunkt.verlag GmbH, Ringstraße 19, 69115 Heidelberg