Gunther: [Nachtrag] RWD - Schriftgröße Denkfehler?

Beitrag lesen

Hallo Matthias!

Deshalb versuche ich es nochmal mit anderen Worten zu beschreiben:

Ausgangsbasis:
ich finde bspw. dass 16px bei 1920px Viewportbreite definitiv zu klein ist

Ich habe mir so einen großen Bildschirm gekauft, damit ich 2 Din-A4-Seiten Word-Dokumente nebeneinander lesen kann, und nicht, damit die Schriftgröße größer wird.

Neben der reinen Display Auflösung, spielen natürlich auch noch andere Dinge eine Rolle, wie z.B. die Bildschirmdiagonale und der sich daraus ergebende Abstand zum Display (Beispiel: 24" Zoll Monitor und 40" TV, beide Full HD Auflösung).

<Menschelei>So alt bin ich noch nicht, auch wenn ich so aussehe!</Menschelei>

Siehste! Ich komme langsam in das Alter, wo es anfängt eine Rolle zu spielen ...! ;-)

Ich hoffe, es ist jetzt deutlicher geworden, worin mein Problem/ Dilemma besteht?

Ich glaube schon zu verstehen, was Du meinst, dass bei großen Monitoren der Text unglaublich lang ist (da er z.B. bei der Wikipedia und unserem Wiki über die ganze Breite der Seite geht) und dadurch nicht mehr gut aussieht.

Dies kann man m.E. aber nicht über die Schriftgröße, sondern eher über die max-width des Inhaltsbereichs regeln.

Ja, das mache ich sowieso.
Eine Zeile sollte nicht breiter sein, als dass man zum Lesen nur die Augen, aber nicht den Kopf bewegen muss.
Andere postulieren die maximale Zeilenbreite indem sie sagen, eine Zeile sollte max. ~ 70 - 80 Zeichen lang sein.
Wieder andere sagen ~ 10 - 12 Wörter pro Zeile.
Natürlich ist das u.a. auch von der Schriftart und dem System abhängig.

Das Wiki ist doch ein gutes Beispiel.
Wenn ich mir den Abschnitt "Was ist das SELFHTML-Wiki?" betrachte, dann hat der Fließtext eine Schriftgröße von 15.5px und eine Zeile ("Die alte SELFHTML-Dokumentation wurde bisher durch einen kleineren Autorenkreis gepflegt. Mit dem SELFHTML-Wiki wird die Erstellung und Pflege der Inhalte für das allgemeine Publikum geöffnet. Sie selbst können das SELFHTML-Wiki nutzen, um sich über") ist um die 250 Zeichen breit.

Ersteres ist deutlich zu klein, während Letzteres viel zu groß ist.

Stell' in deinem Browser mal eine Zoom-Ansicht von 133% oder 150% ein und ergänze im CSS

p {  
   max-width: 36em;  
   ...  
}

Ist im ersten Augenblick vielleicht etwas "ungewohnt", weil wir im Prinzip schon an diese "Mikro-Schriftgrößen" überall gewöhnt sind. Aber zumindest für mich deutlich komfortabler zu lesen.

Wie dann der Rand aussehen sollte, weiß ich auch nicht.

Dafür gibt es bei entsprechender Viewportbreite so CSS Module wie das Multi-column Layout Module!

Ich glaube, ich werde mich auch für die Variante mit größerer Schriftgröße für breitere Viewports entscheiden, und dann mit dem Nachteil leben müssen, dass User dann halt ggf. etwas mehr zoomen müssen ...!

Gruß Gunther