CSS Schriften Standardisierung

Häufiges Problem vom Einsatz mit Relativen Schriftgrössen ist die Normalisierung der Schriftgrösse. Dabei wird eine fixe physikalische Schriftgrösse von 13 Pixeln (mit Hilfe des Yahoo YUI Fonts CSS ) definiert, welches in der wichtigsten CSS Datei folgendermassen reingeladen wird:

@import url("fonts.css");


Von hier an werden alle Schriftarten mit Prozent Werten relativ angegeben, ausgehend von den 13 Pixeln. So wird eine Schriftgrösse von 12 Pixeln mit 93% wie folgt definiert:

div#content p, div#content li, div#content td p {
font-size: 93%;
}

div#content li li {
font-size: 100%;
}


Mit diesen CSS-Eigenschaften lassen sich alle Schriftgrössen auf fast allen Browsern mit derselben Schriftgrösse darstellen, in welchem dann auch in unserem CMS Backend Wysiwyg Editor (TinyMCE) Pixel genau angezeigt werden. Dies ermöglicht übrigens auch die relative Schriftgrössen Darstellung für barrierefreie Websites.