[GELÖST] Schriftgröße gesamt ändern

brandy · 26. Februar 2013 15:55

Hallo!

Ich möchte für die Benutzerfreundlichkeit diese Buttons einbauen wo man die Schriftgröße des gesamten Textes auf einmal vergrößern kann (meist mit 3xA angezeigt)...
Wie realisiere ich sowas? Ich hab an verschiedene Styles gedacht - aber wie ich an alle font-sizes rankomme weiß ich leider nicht. Ich habe bereits probiert im Body font-size: 200% zu geben, aber das ändert nichts - müssen hierfür die Schriftgrößen absolut zB in px angegeben werden?

mörml · 26. Februar 2013 18:28

Im Forge gibt es eine Erweiterung, weiß aber nicht, was die genau macht und ob die läuft.

Hast du ansonsten schon auf Seiten gelubscht, die die Funktion verwenden? Beispielsweise hier, hier und hier (unten links).

faglork · 26. Februar 2013 18:40

Ich verwende schon lange den Fontsizer von einfach-fuer-alle.de ... funzt perfekt.

Eine Einbauanleitung gibts hier:
https://community.contao.org/de/showthr … -einbindet

Eins von vielen Beispielen:
http://www.fraenkische-schweiz.com/
(linke Spalte unten)

mörml schrieb:

hier (unten links).

Jo, die ist von mir ;-)

Servus,
Alex

Beitrag geändert von faglork (26. Februar 2013 18:41)

mike-r · 26. Februar 2013 20:47

Uhm, ich dachte diese Dinger wären endlich tot wink

faglork schrieb:

Ich verwende schon lange den Fontsizer von einfach-fuer-alle.de ... funzt perfekt.

http://www.einfach-fuer-alle.de/blog/id/2457/
Grundaussagen:
1. jemand, der Schriften skalieren will oder schlimmstenfalls muss, weiss in aller Regel wie er das in seinem Browser einstellt
2. niemand sucht auf jeder Webseite von neuem nach diesem Schrift-verstellungsdingens.

Hinzu kommt bei Deiner Lösung, dass man die Buttons erst "findet", wenn man den Text bereits gelesen hat.

P.s. Einzig löblich übrigens an dem Efa-Script zu erwähnen ist, dass es per JS gemalt wird. Sieht man heutzutage leider nur noch selten.

mörml · 27. Februar 2013 03:09

Zu 1. geb ich dir Recht.

Normalerweise steht das Dingens oben in der Website. Ich verwende es zwar nicht, aber wenn ich daran denke, wie oft meine Schwiegereltern "das Internet gelöscht" haben, sehe ich schon vom Grundsatz her eine Zweckmäßigkeit in diesen Buttons.

faglork · 27. Februar 2013 03:27

mike-r schrieb:

Uhm, ich dachte diese Dinger wären endlich tot
faglork schrieb:
Ich verwende schon lange den Fontsizer von einfach-fuer-alle.de ... funzt perfekt.
http://www.einfach-fuer-alle.de/blog/id/2457/

hier lohnt es sich wirklich mal die zahlreichen Kommentare durchzulesen. Es ist halt nicht so einfach wie es vermeintlich aussieht.

Der Grundtenor des Artikels geht in Richtung "Erziehung der User" und wenn ich EINES gelernt habe in den letzten 20 Jahren: Das geht schief.

Servus,
Alex

mike-r · 27. Februar 2013 04:06

faglork schrieb:

mike-r schrieb:
http://www.einfach-fuer-alle.de/blog/id/2457/
hier lohnt es sich wirklich mal die zahlreichen Kommentare durchzulesen. Es ist halt nicht so einfach wie es vermeintlich aussieht.

Ja, mache ich generell. Ich habe auch den Beitrag zur Einführung des Scripts incl. Kommentare mehrmals gelesen, so auch heute wieder.

Der Grundtenor des Artikels geht in Richtung "Erziehung der User" und wenn ich EINES gelernt habe in den letzten 20 Jahren: Das geht schief.

Kann man so sehen. Kann man aber auch aus der anderen Richtung anschauen; mit der Bereitstellung eines überflüssigen/redundanten Buttons erzieht man eine handvoll User auch irgendwie. Stehen übrigens einige sinnvolle Kommentare in der Richtung beim Artikel dazu wink
Erziehung ist auch immer relativ; sagte ich oben bereits - wo der Leidensdruck gross genug ist, da ist die Motivation auch grösser etwas von sich aus (Browsereinstellung) zu ändern. Alle anderen interessiert der Button herzlich wenig. Wenn sie ihn denn (im schlimmsten Fall) überhaupt sehen/entdecken.
P.s. natürlich ist EFA hier auch mit seinem unsäglichen Printbutton inkonsequent - siehe auch die Kommentare oO
P.p.s: Ich war heute bei einem "etwas älteren" Herrn zu einem anderen Computer-Problem, der hatte einige Mühe mit seiner Brille; ABER: der würde nie auf die Idee kommen nach Vergrösserungsbuttons zu suchen.

Beitrag geändert von mike-r (27. Februar 2013 04:11)

Janl · 27. Februar 2013 09:54

Ich habe das gefunden, funktioniert und sieht gut aus:
javascript fluidtextresizer.js von
(http://www.dynamicdrive.com)

mfg
Jan

NaN · 27. Februar 2013 10:29

Ich sehe das Hauptproblem bei der Änderung der Schriftgröße darin, dass jedes Layout i.d.R. für eine bestimmte Schriftgröße mit bestimmten Zeilenabständen erstellt wurde. Einfach nur die Schriftgröße zu ändern, bedeutet evtl., dass Layout und Schrift nicht mehr zusammenpassen und die Lesbarkeit schlimmstenfalls sogar erschwert wird.

Andynium · 27. Februar 2013 10:30

Also bliebe nur, mit em zu arbeiten ...

Janl · 27. Februar 2013 10:39

Nan hat Recht.
Deswegen mag ich fluidresizer wo man die Schritte und maximaler Grösse einstellen kann.

mfg
Jan

faglork · 27. Februar 2013 10:48

NaN schrieb:

Ich sehe das Hauptproblem bei der Änderung der Schriftgröße darin, dass jedes Layout i.d.R. für eine bestimmte Schriftgröße mit bestimmten Zeilenabständen erstellt wurde. Einfach nur die Schriftgröße zu ändern, bedeutet evtl., dass Layout und Schrift nicht mehr zusammenpassen und die Lesbarkeit schlimmstenfalls sogar erschwert wird.

Das trifft doch eher Hobby-"Designer". Ein derart unflexibles Layout dürfte im professionellen Bereich kaum anzutreffen sein. Die Unfähigkeit der "Designer" als "Hauptproblem"? Das kann nicht dein Ernst sein ... ;-)

alex

faglork · 27. Februar 2013 10:49

cyberman schrieb:

Also bliebe nur, mit em zu arbeiten ...

Arbeitet noch jemand mit Px?

Servus,
Alex

Janl · 27. Februar 2013 10:58

Über "Hobby-Designer".

Selbst wenn alles skalierbar ist gibt es Grenzen wo es nicht mehr passt.
Manchmal ist bei Bilder Px doch besser, jede Art von skalieren geht auf kosten der Qualität oder Ladezeit.

mfg
Jan

Andynium · 27. Februar 2013 11:10

faglork schrieb:

Arbeitet noch jemand mit Px?

Ähmmm roll

brandy schrieb:

müssen hierfür die Schriftgrößen absolut zB in px angegeben werden

faglork · 27. Februar 2013 12:16

Janl schrieb:

Über "Hobby-Designer".
Selbst wenn alles skalierbar ist gibt es Grenzen wo es nicht mehr passt.
Manchmal ist bei Bilder Px doch besser, jede Art von skalieren geht auf kosten der Qualität oder Ladezeit.
mfg
Jan

Hier gehts doch gar nicht um Bilder ...

Natürlich gibt es Grenzen. Es geht ja darum, diese Grenzen möglichst weit zu stecken.

Servus,
Alex

Beitrag geändert von faglork (27. Februar 2013 12:17)

Janl · 27. Februar 2013 12:34

Alex,

wir sind uns natürlich einig aber es gibt sogar gute Designs die mit Px gemacht sind!
Inzwischen arbeite ich nur noch mit em oder % weil mit Smartphone und Tablet alles skalierbar sein muss.
Ich versuche seit kürzem von 320 Px bis 2560 Px breite alles abzudecken, aber irgend wie ist es eine Irrsinn!

mfg
Jan

NaN · 27. Februar 2013 13:13

Das trifft doch eher Hobby-"Designer". Ein derart unflexibles Layout dürfte im professionellen Bereich kaum anzutreffen sein. Die Unfähigkeit der "Designer" als "Hauptproblem"? Das kann nicht dein Ernst sein ... ;-)

Ich finde diesen (wenn auch sehr alten) Beitrag dazu sehr passend wink

Janl · 27. Februar 2013 15:58

Danke NaN,

hat mich sehr gut gefallen!

mfg
Jan

faglork · 27. Februar 2013 21:22

NaN schrieb:

Das trifft doch eher Hobby-"Designer". Ein derart unflexibles Layout dürfte im professionellen Bereich kaum anzutreffen sein. Die Unfähigkeit der "Designer" als "Hauptproblem"? Das kann nicht dein Ernst sein ... ;-)
Ich finde diesen (wenn auch sehr alten) Beitrag dazu sehr passend

Ein sehr schöner Text, unterstreiche ich alles - hat aber mit dem was ich geschrieben habe nicht das geringste zu tun smile

Da gehts um Schriftgrößen, mit der "Lesbarkeit" als Aufhänger, und nicht um Layoutfragen. Meine Bemerkung zielte explizit aufs Layout, und da gilt das durchaus. Dass ich bei einer Schriftgrößenänderung den Zeilenabstand ändern muss, ist eigentlich trivial. Und dass das Layout das abfangen muss, auch. Daran scheitern aber nur Laien - also diejenigen, die von CSS keine Ahnung haben.

Das ist jetzt nicht abwertend gemeint, soll lediglich den Umstand verdeutlichen dass das Layout-Problem eher im "Hobby-Bereich" existiert. Nicht jeder hat halt Bock sich CSS reinzuziehen.

Servus,
Alex

otter24 · 27. Februar 2013 22:58

Moin..

ich finde persönlich die Lösung die ein bekannter großer Diskounter eingebaut hat am sinnvollsten.
das funktioniert auch ohne javascript und hat einen erzieherischen Wert.

http://www.aldi-nord.de
einfach mal oben rechts auf das triple A klicken..

Ansonsten: ausserdem würde ich eher rem als em nutzen.
das mal nur mal so ...

Gruß Aus HH

faglork · 28. Februar 2013 11:00

otter24 schrieb:

Moin..
ich finde persönlich die Lösung die ein bekannter großer Diskounter eingebaut hat am sinnvollsten.
das funktioniert auch ohne javascript und hat einen erzieherischen Wert.
http://www.aldi-nord.de
einfach mal oben rechts auf das triple A klicken..

Goil! Das überzeugt mich absolut. Manchmal sieht man den Wald vor lauter Bäumen nicht.

otter24 schrieb:

Ansonsten: ausserdem würde ich eher rem als em nutzen.
das mal nur mal so ...

Mit Fallback für ältere Browser: ja.

Im Übrigen spricht es für die Qualität dieses Forums, dass selbst aus einer vermeintlich ausgelutschten Diskussion doch noch ne interessante Anregung kommt.

Servus,
Alex

Beitrag geändert von faglork (28. Februar 2013 11:08)

brandy · 04. März 2013 10:12

Ich find die gepostete Möglichkeit von otter24 auch die beste Lösung - mein Kundin hat sich sowieso schon mit der Tastenlösung überreden lassen*g*

Vielen Dank!

Forum für CMS/made simple

#1 26. Februar 2013 15:55

[GELÖST] Schriftgröße gesamt ändern

#2 26. Februar 2013 18:28

Re: [GELÖST] Schriftgröße gesamt ändern

#3 26. Februar 2013 18:40

Re: [GELÖST] Schriftgröße gesamt ändern

#4 26. Februar 2013 20:47

Re: [GELÖST] Schriftgröße gesamt ändern

#5 27. Februar 2013 03:09

Re: [GELÖST] Schriftgröße gesamt ändern

#6 27. Februar 2013 03:27

Re: [GELÖST] Schriftgröße gesamt ändern

#7 27. Februar 2013 04:06

Re: [GELÖST] Schriftgröße gesamt ändern

#8 27. Februar 2013 09:54

Re: [GELÖST] Schriftgröße gesamt ändern

#9 27. Februar 2013 10:29

Re: [GELÖST] Schriftgröße gesamt ändern

#10 27. Februar 2013 10:30

Re: [GELÖST] Schriftgröße gesamt ändern

#11 27. Februar 2013 10:39

Re: [GELÖST] Schriftgröße gesamt ändern

#12 27. Februar 2013 10:48

Re: [GELÖST] Schriftgröße gesamt ändern

#13 27. Februar 2013 10:49

Re: [GELÖST] Schriftgröße gesamt ändern

#14 27. Februar 2013 10:58

Re: [GELÖST] Schriftgröße gesamt ändern

#15 27. Februar 2013 11:10

Re: [GELÖST] Schriftgröße gesamt ändern

#16 27. Februar 2013 12:16

Re: [GELÖST] Schriftgröße gesamt ändern

#17 27. Februar 2013 12:34

Re: [GELÖST] Schriftgröße gesamt ändern

#18 27. Februar 2013 13:13

Re: [GELÖST] Schriftgröße gesamt ändern

#19 27. Februar 2013 15:58

Re: [GELÖST] Schriftgröße gesamt ändern

#20 27. Februar 2013 21:22

Re: [GELÖST] Schriftgröße gesamt ändern

#21 27. Februar 2013 22:58

Re: [GELÖST] Schriftgröße gesamt ändern

#22 28. Februar 2013 11:00

Re: [GELÖST] Schriftgröße gesamt ändern

#23 04. März 2013 10:12

Re: [GELÖST] Schriftgröße gesamt ändern

Fußzeile des Forums