Arial VS. Verdana

[MoMo]

Hallo,

welche dieser beiden Schriftsets verwendet ihr lieber? Verdana, Geneva, Arial, Helvetica, sans-serif oder Arial, Helvetica, sans-serif? Ich bin zurzeit am Überlegen, den Text mit der Verdana auf Schriftgröße 12.5 P(i)x(els) zu machen und die Links der Naviagtionsleiste mit Arial (ist das verträglich, zwei verschiedene Schriften?).
Welche schriftgröße würdet ihr empfehlen? Ich drücke mich gerne etwas breiter aus .

Ab welcher Textzeilenlänge kann man das nicht mehr im Augen behalten (habe jetzt 400 Pixel)?

Sollten Überschriften als Gliederung für den Text vorhanden sein (Absätze sind ja sowieso schon drin, habe mal gehört, dann ledsen es die Leute eher wenn es in kleinen Portionen verteilt angeboten wird.)?

Ab wann sollte man einen artikel in zwei Seiten aufteilen?

Gruß
MoMo

[LANtastic]

Zum Thema welche Schriftart kann die hier http://www.codestyle.org/ geholfen werden. Die Frage der Größe ist ein absolutes Tabuthema, weil es bei keine wirklich goldene Schriftgröße gibt. Vor ein paar Monaten gab es dazu eine Diskussion. UNd zwar genau hier.

Das Thema ist tatsächlich ein Thema wenn es um Webseiten gibt, das wirklich nicht spontan zu beantworten ist. Meine Meinung lautet:
Pixel in den Body Tag (am Besten ca. 12px) den Rest KOMPLETT in EM !

Aber das ist meine persönliche Meinung, die wirklich subjektiv ist.

Was verstehst Du unter 400px Textzeilenlänge ? Heißt das, daß ich bei meinen 1280x968 Auflösung 880px Leerraum habe ?

Zur Frage der Überschriftengliederung kann ich spontan nichts sagen. Sorry, da hab ich keine Ahnung von. Ich mache es so, wie es mir am Besten gefällt.

[MoMo]

Beispiel:
iiowejfifjewiojfioijfow
wiefjewwioweji
iufwfifuhifueffhfufhiui

(kurzer Textabsatz)

kddddddddddddddddddddddijfiwefoifewjiowe
ewliooooooooooooooooooooewifojioewief
siddddddddddddddddddddddddddddddddddi

(langer Textabsatz)

keine Ahnung, was hier 400 Pixel sind

Die Spalte, in der der Artikel auf meiner WEbsite steht, ist dann halt 400 Pxiel breit....

Soll ich jetzt Comic Sans MS für meine HP verwenden, oder was? (http://www.codestyle.org/css/font-fa...sResults.shtml)

[LANtastic]

Jap!

Nein, mal im Ernst. Hier kannst Du aber sehr gut sehen, welche Fonts am häufigsten auf den Systemen installiert sind. Die Ergebnisse sind dabei kreuz und quer über alle Plattformen zusammengefasst. Wie genau steht da ja auch auf der Seite.

Der Link sollte Dir auch folgenden kleinen Wink mit dem Zaunpfahl geben:

body {
font-family : Verdana, Arial, sans-serif;
}

Darum geht es eigentlich vor allem. Was machst Du denn, wenn ein User Arial, aber nicht Verdana installiert hat ? Dann wird ein Serifen Font angezeigt (oftmals Times New Roman). Meine Meinung zu der Schrift : AUA !

Wichtig ist halt, daß Du Deine Schrift (ist wirklich Dir überlassen) angibst und gaaaaanz wichtig "sans-serif". Dann passiert wird, für den Fall das weder Verdana noch Arial vorhanden ist, eine ander serifenlose Schriftart gewählt.

----

400px Textbreite finde ich aber gar nicht gut. In meinem Fall sind über 800 Pixel der Seite leer ?!? Kann doch nicht ernst gemeint sein, oder ?

[Jürgen]

Hi Momo,

400 px Breite für den Text ist an sich nichts ungewöhnliches - siehe z. B. DrWeb. Bei denen müssten das ca. 400 pixel sein, vielleicht ein bisserl mehr. Die Lesbarkeit auf dem Bildschirm (und nicht nur dort) lässt rapide nach, wenn die Zeilenlänge zu breit wird. Vor allem bei längeren Texten. Natürlich hängt die Lesbarkeit nicht nur mit der Zeilenlänge zusammen. Ganz wichtig in diesem Zusammenhang ist die Zeilenhöhe. Je breiter der Text, desto höher muss auch der Zeilenabstand sein. Am besten durch Ausprobieren herausfinden, welcher Zeilenabstand zu welcher Zeilenlänge passt.

Und natürlich ist die Schriftart an der Lesbarkeit beteiligt. Am Bildschirm sind Serifenschriften schwerer lesbar, weil die Auflösung der Monitore zu schlecht ist. Auf dem Papier verhält es sich eher umgekehrt. Verdana und Arial kann man meiner Ansicht nach mischen, allerdings sollte sich in dem Fall die Schriftgröße auch ein wenig unterscheiden, dann geht es. Bei gleichen Schriftgrößen sind sich die beiden Schriften zu ähnlich.

Man kann keine allgemeingültigen Pixel-werte für all diese Dinge angeben, da die Lesbarkeit auch von den Farben und dem Design insgesamt abhängt. Grundsätzlich sind jedoch Arial/Verdana/Tahoma unter 11 pixel nur noch schwer lesbar. Arial noch am wenigsten bei kleinen Schriftgrößen.

Schau dir dazu, wenn du willst, eine Seite an, die ich vor kurzem erstellt habe: http://www.sunsquare.com. Für die Navigation wurde Verdana 12px verwendet, die Links auf den Übersichtsseiten sind Tahoma 11px und die Lauftexte (Impressum) Verdana 11px. Durch die unterschiedlichen Schriftgrößen und Farben beissen sich die verschiedenen Schriftarten nicht. Kleiner dürfte aber die Schrift hier nicht mehr werden.

Überschriften und Gliederungen sind immer gut, denn die meisten Leute im Internet scannen den Text nur nach brauchbaren Informationen durch. Erst wenn jemand wirklich im Detail an dem Text interessiert ist, liest er ihn ganz durch. Gliederungen und Überschriften helfen dabei, denn ein langer Text ohne Überschrift wird kaum gelesen.

Schönen Gruß,
Jürgen

[MoMo]

Danke Jürgen, das hat meine gestelten Fragen komplett beantwortet .
Meinst Du, ich sollte die Überschriften etwa so abheben?

Überschrift
Text

Also nichts Besonderes (= kaum Platzverschwendung).

Wann sollte man den Bildschirm teilen in zwei Seiten (Siehe zum Beispiel hier, wobei ich dort finde, dass diese Teilung viel zu früh vorgenommen wurde..., besonders wie viel Platz nach unten hin verschenkt wurde, stört mich da ganz extrem).

Gruß
MoMo

[Lars]

Ich wollte das nur mal der Vollständigkeit halber ergänzen:

Die Helvetica ist die Mac-Variante der Arial. Apple besitzt keine Lizenz für deren Verbreiteung und vertreibt sie daher unter anderem Namen (genauso ist die 'New York' z.B. ein 'Times'-Abklatsch). Von daher ist es ziemlich egal, ob man nun " Arial, Helvetica, sans-serif" oder "Helvetica, Arial, sans-serif" notiert.

[Jürgen]

@Schmobi: ich habe mir den Link http://www.codestyle.org/ von LANtastic angesehen und dort steht, dass Arial auf dem Mac eine Verbreitung von 94 % und auf Windows-Systemen von nur 87 % hat. Wie kanns das geben, denn dein Kommentar bzgl. Helvetica/Arial ist natürlich korrekt! Gibts eigentlich zur Tahoma auch ein Gegenstück am Mac?

@Momo: Durch die Strichstärke (fett/normal) kannst du die beiden auch voneinander abheben.
Diese Aufteilung in "kleine Häppchen" finde ich nicht gut, vor allem, wenn der Text sehr lange ist. Dann sind es vielleicht 10 Seiten, die man vor- und zurückblättert und findet die gesuchte Stelle nicht mehr. Ich halte in dem fall einen langen scrollbaren Text für benutzerfreundlicher. Das wird auch von den Online-Ausgaben der Zeitungen meist so gemacht und liest sich ohne Probleme. Wichtig sind hier nur die Zwischentitel, damit man eine gesuchte Stelle leichter auffindet. Natürlich ist irgendwo die Grenze, da sollte man dann aber den ganzen Artikel überdenken ob der Online nicht besser in einzelne Artikel aufgeteilt werden sollte.

[LANtastic]

Strichstärke (fett/normal)

verstehe ich hetzt nicht ganz. Was habe ich denn über Strichdicke geschrieben ?

Egal, im Grunde genommen fand ich es nur wichtig zu erwähnen, daß die Schriftenklasse (serif, sans-serif, usw) mit angegeben wird. Denn das ist wirklich wichtig, falls man auf einen User trifft, bei dem die vorgegebene Schrift nicht vorhanden ist.

Somit wird dann wenigstens eine Alternative aus der Schriftenart gewählt.

[MoMo]

@Jürgen: Ich heiße zwar immer noch MoMo, aber nun gut
@schmobi: Ist ein Mac nicht das Ding, dessen Maus eine Taste hat

[Jürgen]

Sorry, schon ausgebessert

[MoMo]

Hm. Kaum sagt man so etwas, da gibt's einen entsprechenden Artikel schon bei Dr. Web...
dan kann man ja echt nur staunen
http://www.ideenreich.com/webdesign/wahrnehmung3.shtml

[Lars]

Original geschrieben von Jürgen
ich habe mir den Link http://www.codestyle.org/ von LANtastic angesehen und dort steht, dass Arial auf dem Mac eine Verbreitung von 94 % und auf Windows-Systemen von nur 87 % hat.

Keine Ahnung, vielleicht haben die da einfach keine Ahnung von sowas.

@MoMo

Ja, beim Mac ist nicht alles in ein Gerät wie beim PC integriert, Maus und Tastatur sind getrennt .

[MoMo]

@schmobi: Klar - viel Vergnügen beim 10.000. Aufruf des Kontextmenüs über die [Taste links neben dem rechten Strg]+Mausklick . Oder gibt's die auch erst mit einem Zusatzgerät *GG*

[Jürgen]

Original geschrieben von schmobi

Keine Ahnung, vielleicht haben die da einfach keine Ahnung von sowas.

Das wirds wohl sein
Na im Ernst, das kommt mir schon ein bissl spanisch vor...