CSS Alle Font-Einträge resizen?

Hiho!

Ich hab hier die zweifelhafte Ehre dass ich bei einem fremd-CSS (ellenlang) die Schriftgrößen anpassen muss. Nun sind diese größen fast ausschließlich absolut angegeben. Aber doch gemischt mit "em" und ein paar relativen Größen. Gibts einen common weg, um diese alle auf relativ umzuschreiben (Prio 2 ) und um einen Wert x zu vergrößern (Prio 1)?

Ich bin schon am überlegen ob ich mir ein Skript dafür schreib

tia
charles

sollte font befehle für größere entitäten nicht eh kleinere div anweisungen überschreiben? das löst halt noch nicht das em problem aber immerhin

Zitat von mat

em bzw. % und px mischen ist nie gut. Das Problem wirst du in jedem Fall beheben müssen, um alle Fonts gleichzeitig resizen zu können. Nachdem die Umwandlung von px auf em nicht immer sinnvoll ist, musst du dafür mal die richtige Entscheidung treffen. Zum Beispiel bringt es nichts, wenn das CSS innerhalb eines Frameworks mit Template-Engine verwendet wird und der übergeordnete Node daher unbekannt bzw. unterschiedlich sein kann. Dann bekommst du nämlich für ein und dasselbe Objekt unterschiedliche Schriftgrößen. Selten ein gewollter Nebeneffekt. Wenn es eine statische Seite ist und es sich auszahlt, es korrekt zu machen, dann wäre die Umwandling in em brauchbar. Denn dann kannst du die komplette Seite durch eine einzige Angabe im zB body-Tag verändern.

wieso schreibst du quasi das gleiche wie ich, nur bei mir klingts nach bauer

er meinte wohl das eine font-definition für body alle style-definitionen in divs überschreibt

Zitat von Paxi

Habs zufällig gerade gelesen, wurde eh schon alles gesagt, du kannst mal das versuchen, könnte hinhaun:
body { font-size : medium !important; }

Genau darum geht es hier ja. Das funktioniert nur, wenn alle Font-Größen relativ gesetzt wurden. Sobald eine Pixeleinstellung dabei ist, macht diese Angabe gar nichts. Das "!important" ist übrigens nur dafür da, um eine weitere Überschreibung der Angabe durch CSS zu vermeiden.

Zitat

Allgemein nicht oder nur in Bezug auf die Fonts?
Weil ich hab öfters schon gesehen, dass für Fonts em verwendet wird und für divs etc Pixel.

Kommt darauf an, wie flexibel bzw. wartbar du deine Seite gestalten willst.

Anno dazumal war es für einen korrekten Browser-Zoom notwendig, dass sowohl Font-Größen, als auch Container-Dimensionen relativ angegeben wurden. Ansonsten sprengt die vergrößerte em- oder %-Font einfach das Layout. Heutzutage ist das nicht mehr so wichtig, weil alle aktuellen Browser mittlerweile das Zoomen so implementieren, dass auch Pixelwerte problemlos vergrößert werden. Insofern bringt das jetzt keinen Vorteil mehr.

In Wahrheit musst du diese Entscheidung also für dich und dein Projekt treffen, je nachdem ob du diese Flexibilität benötigst bzw. sie überhaupt möglich oder sinnvoll ist. In der Praxis wirst du so oft wie möglich bei Containern eine prozentuelle Angabe verwenden, aber ganz ohne Pixel (oder em) kommt man einfach bei einem komplexeren Layout nicht aus. Fonts hingegen sollten entweder in em oder px angegeben. Da darf man niemals mischen, denn sonst hast du denselben Salat wie Obermotz (Threadstarter).