Dieses Beispiel soll zeigen, wie man bestimmte Schriften in einer Webseite vergrößern oder verkleinern kann.
Diese Schrift wäre als Beispiel Texte oder anderes im Design. Um das Design nicht zu zerstören, wird diese Schrift nicht vergrößert.
Schrift: großnormalklein groß | normal | klein
Diese Text soll den Inhalt der Seite darstellen. Dieser Text soll vom Besucher grösser und kleiner gemacht werden können. Um dieses zu erreichen, muss man keine tiefen Kenntnisse seiner Browsersteuerung haben, sondern einfach den Text drücken.
Wie geht das? Grundsätzlich muss man irgendwie an die CSS Steuerung rankommen. Dazu könnte man mit PHP und einer Variable einfach eine andere CSS Datei einbinden. Oder man löst sowas mit JavaScript. Ich greife hierbei auf jQuery zurück. jQuery kann recht einfach eine Manipulation z.B. der Klasse eines Tags durchführen. Indem ich dem Content einfach unterschiedliche weitere Klassen hinzufüge (addClass() und removeClass() ) wirkt sich die dort angegebene Schrittgröße auf den Text auf.
Indem ich dieses nur auf die Klasse content anwende, bleibt der Rest davon unberührt. Dadurch hätte man die Möglichkeit nur den wichtigen Inhalt, wie die Produktbeschreibung zu vergrößern und nicht die an das Design angepassten Texte im Fussbreich oder sonstiges, was das Design zerstören würde. Es geht natürlich auch auf alles anzuwenden. Je nach Notwendigkeit.