Dynamische Schriftgrößenänderung erfahrungen?

Medicenmarie’s Radio Station · Beitrag von **Gerald** » 26.07.2007, 10:12

Hallo,

ich möchte zum ersten mal eine Dynamische Schriftgrößenänderung in eine Seite einbauen.
Offenbar gibt es verschiedene Lösungen (PHP: https://www.lingo4u.de/article/fontsize ) oder (Javascript: https://www.xpw18.de/skripte/fontsize.html ) oder ( https://www.dotform.net/content/view/14/9/ )

Was könnt ihr empfehlen? Habt ihr evt. eine andere Version im Einsatz?

von **Anzeige von ABAKUS** »

Beitrag von **matin** » 26.07.2007, 10:49

ich setz javascript ein

Beitrag von **Kralle** » 26.07.2007, 12:33

Für was denn eigenlich Skripte wenn das die Browser schon von Haus aus können? Man muß doch nur sein Stylesheet richtig anlegen.

von **Anzeige von ABAKUS** »

Medicenmarie’s Radio Station · Beitrag von **Gerald** » 26.07.2007, 17:36

@kralle
Hast du dafür evt. ein Beispiel?

Beitrag von **magadoo** » 27.07.2007, 06:53

Gerald hat geschrieben:Hast du dafür evt. ein Beispiel?

Da gibts doch schon genügend davon im Netz. Geh doch mal z.B. auf https://www.heise.de/newsticker/ und stelle im Browser per Ansicht -> Schriftgröße den Wert höher oder niedriger. Die meisten Browser können das auch schneller per Strg + Mausrad.

Beitrag von **Margin** » 27.07.2007, 07:36

Wenn Du in der css die Schriftgröße u.a. in .em definierst, dann kann heute (jeder?) gängige Browser die Voreinstellungen des Benutzers umsetzen.
Wer sehbehindert ist, stellt halt auf größere Schrift.
Wer nur einen Winz-Moni hat, stellt auf kleiner.

Gruß Margin

Beitrag von **Hasenhuf** » 27.07.2007, 07:47

Man sollte aber keine Pixelangaben verwenden besser em o.ä., denn 12px sind 12px auch wenn manche Browser das ignorieren.

Beitrag von **MonikaTS** » 27.07.2007, 07:51

Gerald hat geschrieben:@kralle
Hast du dafür evt. ein Beispiel?

gut ich bin nicht kralle

Code: Alles auswählen

body&#123;
font&#58; 0.9em/1.5em Verdana,"Trebuchet ms","Gill Sans MT", "Gill sans", sans-serif;&#125;

oder

Code: Alles auswählen

body&#123;
font&#58; 90%/150% Verdana,"Trebuchet ms","Gill Sans MT", "Gill sans", sans-serif;&#125;

das setzt eine Standardschriftgröße für das verwendete Style.css fest.

möchtest Du jetzt die Überschriften größer, dann

Code: Alles auswählen

h1&#123;font-size&#58;120%;&#125;

da wird h1 um 120% größer vom body tag aus berechnet.
lg

Beitrag von **Margin** » 27.07.2007, 07:58

Jau Hasenhuf, und das ist ne böse Falle.
Ab und an setz ich sie bewusst fest, weil ich's halt so brauche und dann kommen so depperte Browser daher und ignorieren's *gg*

Beitrag von **Kralle** » 27.07.2007, 09:09

einfach hat's ja schon erläutert

Wenn man nicht mit festen Größen (px, pt, cm etc.) arbeitet sondern mit variablen (em, %), dann nehm ich mein Mausrad + Strg und kann die Schriftgröße sehr schnell ändern.
Der IE7 macht's eigentlich noch intelligenter (wohl wissend um die Unart Schriftgrößen in Pixeln anzugeben) und macht nen richtigen Zoom.

Beitrag von **WilliWusel** » 27.07.2007, 11:41

einfach hat geschrieben:
Code: Alles auswählen
h1&#123;font-size&#58;120%;&#125;
da wird h1 um 120% größer vom body tag aus berechnet.

In Wirklichkeit sind´s nur 20% mehr...