[Jan]

Ich hätte gerne mal eure Meinung.

Welche Schriftarten würdet ihr für eine ofizielle seriöse Seite einer Schule nutzten?

Es werden dabei alle Plattformen angesprochen. Auf jeder Platform sollte der Text gleichgroß und auch ungefähr gleich ausssehen.

Bei der derzeitigen stört mich die Verpixelung beim kursiven Text:
http://page.gsg-mannheim.de
Genutzte Schriftart ist hierbei Verdana.

Was nutzt ihr bzw empfehlt ihr?

[nox]

Hi Jan,

also unsere Firma setzt auf Arial, die Schriftart ist gut lesbar und dürfte jeder besitzen. Dennoch für die Design Agentur für die ich hin und wieder jobbe die setzen auf Verdana.

Ich denke mal das du "Die Schulleitung" meinst mit der verpixelung. Hmm ich würde glatt sagen das das einfach nur ein paar px zu Groß gesetzt ist.

Gruß nox

[Neq']

Das Problem ist das mit normaler Standard-Glättung (unter Win XP) alle Schriften mit einer Kursive pixelig aussehen. Mit ClearType (Win XP - IE 7 z.B) oder Quartz (Mac OS X) wird das ganze entschärft bis verschwinden. Opitmalerweise einfach in Photoshop oder was auch immer die Kantenglättung einschalten.

Als Headerschriftart ist Verdana sowieso sehr ungeeignet, für kleine Schriften dagegen optimal. Ich würde Trebuchet MS oder ähnliches verwenden.

[Jan]

Ich häng jetzt einfach noch die Größe mit an:
Welche Größe und Angabe empfehlt ihr?
9pt, oder 12px, oder etwa Prozentangaben?

Würde gerne das Schriftbild auf der genannten Seite verbessern.

[kampfgnom]

Die schriftart schon, aber der footer...
ne schulseite ist keine werbefläche!
FF muss da raus!
Außerdem interresiert es niemanden ob das ding valide ist oder nicht, kannst du getrost rausmachen!

[Neq']

Zitat von Jan

Ich häng jetzt einfach noch die Größe mit an:
Welche Größe und Angabe empfehlt ihr?
9pt, oder 12px, oder etwa Prozentangaben?

Würde gerne das Schriftbild auf der genannten Seite verbessern.

Grundsätzlich solltest du entweder Prozentangaben oder em-Angaben verwenden. Je nachdem was du erreichen möchtest, so ist jedenfalls was Auflösungsfreiheit angeht am besten.

@kampfgnom: Das sehe ich anders. Validität im Internet gewinnt zunehmend an immer größer werdender Interesse, vorallem was Folgeaufträge angeht kann sowas schon hin und wieder ausschlaggebend sein.

[kampfgnom]

schon, aber diejenigen die das interresiert wissen wie man das nachprüft. Dies Grafik sagt grundsätzlich erstmal nur aus, das man sich an richtlinien gehalten hat.
Ob die seite dann wirklich gut ist, heißt es nicht einmal.
Wem das wirklich so wichtig ist, der soll einen link setzen, aber mMn gehören solche Grafiken nicht auf eine Schulseite!

Aber jedem das seine...

[xardias]

Ich würde grundsätzlich nur sans-serif oder serif als font family angeben. Genauso wie em oder Prozentangaben. Browser haben die Funktionalität je nach Betriebsystem, Kantenglättung oder Vorlieben die Standardschriftarten zu wählen um eine möglichst gute Lesbarkeit zu erzielen. Daher sollte man diese meiner Meinung nach nicht umgehen indem man die Schriftart festsetzt.

[Basti]

Zitat von xardias

Ich würde grundsätzlich nur sans-serif oder serif als font family angeben. Genauso wie em oder Prozentangaben. Browser haben die Funktionalität je nach Betriebsystem, Kantenglättung oder Vorlieben die Standardschriftarten zu wählen um eine möglichst gute Lesbarkeit zu erzielen. Daher sollte man diese meiner Meinung nach nicht umgehen indem man die Schriftart festsetzt.

Yeah! Back to the roots!

Aber im ernst. Zum Thema Web-Typo kann ich dir die Essays von Gerrit van Aaken empfehlen, speziell der hier: http://praegnanz.de/essays/typo-im-w...unter-der-lupe

Ich benutze meistens die Verdana, wenns ne Grotestk sein soll. Ich setze die meist auf irgendwas zwischen 0.7 und 0.8em, da sie ja viel zu groß ist. Ist aber letztlich kein Problem, weil die eh auf jedem System drauf ist (andernfalls, wenn sie z.B. durch die Arial substituiert werden würde, könntest du nichts mehr lesen).

Für große Überschriften taugt die natürlich nicht (siehe Beitrag von Patrick), aber die mach ich meistens eh nicht so groß.

Probier deine Site mal mit der Garamond – zumindest in den Bereichen ohne Fettdruck.

Basti

[$traight-$hoota]

Zitat von xardias

Ich würde grundsätzlich nur sans-serif oder serif als font family angeben. Genauso wie em oder Prozentangaben. Browser haben die Funktionalität je nach Betriebsystem, Kantenglättung oder Vorlieben die Standardschriftarten zu wählen um eine möglichst gute Lesbarkeit zu erzielen. Daher sollte man diese meiner Meinung nach nicht umgehen indem man die Schriftart festsetzt.

Das mag zwar sinnig scheinen, ist meiner Meinung nach aber in den meisten Fällen ziemlicher Unsinn. Wenn ich eine Website entwickle, besteht diese in erster Linie aus ihrem Inhalt; um diesen gut rüberzubringen brauche ich auch ein passendes Design und dazu verwende ich für Foren, CMS etc. nur selten irgendwelche fertigen Templates sondern gestalte ein eigenes, auf die Website und deren Inhalt zugeschnittenes Design. Weil nur so, kann man den Inhalt wirklich gut darstellen - man kann ihn freilich nicht irgendwie verbessern und inhaltliche Mängel mit einem aufwendigen Design ausbügeln, aber mit einem schrecklichen Design kann man den schönsten Inhalt unter Wert verkaufen und Besucher vergraulen.
Wenn ich als Schriftart nur eine Standardklasse setze, sollte das die Website in der Regel nicht zerschießen, weil ja jeder doch ne annehmbare Standardschrift eingestellt haben sollte. Aber dennoch fehlt mir jegliche Individualität und Ausdruckskraft, wenn ich jede Website in derselben Schriftart vorgesetzt bekomme.
Das Argument der bestmöglichen Lesbarkeit kann ich so nicht akzeptieren, weil eigentlich die meisten der Webschriftarten einigermaßen lesbar sind. Im Fließtext nehmen sich Arial und Verdana, Times und Georgia nicht viel. Aber auch wenn man da beschränkt ist, kann man das Maß an Gestaltungsfreiheit, das man noch hat, auch ausnutzen und durch verschiedene Schriftartenkombinationen (Fließtext und Überschriften) auch eine interessante Gestaltung schaffen.

[Hobbyuser]

Hi Jan

ich versuche immer "allen" Anforderungen gerecht zu werden und mache es so:

1.) Schriftart -> Eine serifenlose Schrift (Verdana, Helvetica, etc.) zumindest für den Fliestext, da diese sich dann besser lesen lässt. Am Schluss immer die Familie (sans-serif) angeben, falls der Browser die vorgegebene Schriftart nicht kennt.

2.) Schriftgröße -> Wenn du eine feste Größe (px, pt, etc) nimmst, kann dies eine Barriere sein. Einige Browser (z.B. IE) sind bei einer solchen Vorgabe nicht in der Lage die Schriftgröße zu ändern. Andere kümmert es nicht und die Schriftgröße lässt sich trotzdem verändern. Du solltest also entweder eine relative Größenangabe (em, %, etc.) wählen, oder die die Schriftgrößenänderung irgendwie anders ermöglichen.


Klar kann man versuchen das Design vorzugeben, jedoch kann man nie genau wissen wie die Seite letztendlich dargestellt wird. Da die Möglichkeiten eine Webseite aufzurufen schier unbegrenzt sind, angefangen beim Textbrowser über Handy und PDA bis hin zur Sprachausgabe.


Gruß
Hobbyuser

[CIX88]

Arial oder Verdana ?

Warum viele Websites Verdana einsetzen hat den einfachen Grund, dass der Buchstabenabstand größer ist. Bei Arial oder Helvetica ist dieser sehr eng, und wird aus typografischen Gründen nicht benutzt.

Lange Texte, wo der Buchstabenabstand sehr gering ist, wo der Zeilenabstand zu eng ist, sind schlechter zu lesen!

Aber Schriftart und Schriftgröße ist das eine, das gesamte Erscheinungsbild der Website das andere.

ofizielle

Richtig => offizielle
Sollte bei einer Schulseite nicht passieren

[$traight-$hoota]

Zitat von CIX88

Warum viele Websites Verdana einsetzen hat den einfachen Grund, dass der Buchstabenabstand größer ist. Bei Arial oder Helvetica ist dieser sehr eng, und wird aus typografischen Gründen nicht benutzt.

Lange Texte, wo der Buchstabenabstand sehr gering ist, wo der Zeilenabstand zu eng ist, sind schlechter zu lesen!

Buchstabenabstand und Zeilenhöhe lassen sich aber genauso anpassen wie die Schriftart. Wie bei Bastis Link zu lesen ist resultiert die übermäßige Verwendung von Verdana auch daraus, dass sie bei kleiner Schriftgröße gut lesbar ist (u.a. weil die Buchstaben größer sind als in anderen Schriftarten).

[Neq']

Genau von Gerrit's Blog hab ich auch mein Wissen über diverse Schriftarten, da ich selbst schon oft in der misslichen Lage war auf Typografie achten zu müssen.

Was die Schriftgrößen angeht kann ich auf YAML verweisen, dort sind durch das ganze Framework durch nur em- und Prozentangaben verwendet worden.

[CIX88]

Die Buchstaben einer Arial oder Helvetica sind ansich enger als bei Verdana. Und diese Breite kann man nicht ändern, den Abstand schon. Nur sieht das dann grottenhaft aus, weil es Probleme mit der Metric der Buchstaben geben wird.

Metric?
=> http://www.mediacix.de/images/pic_291.html


Dazu mal folgendes:

Beim lesen von längeren Texte werden nicht einzelne Buchstaben erfasst, sondern nur einzelne Wörter. Damit man besser die Wörter bzw. Buchstaben erkennen kann, benutzt man eine Schrift die angenehm lesbar ist. Helvetica ist die Hurre unter den Schriftarten. Bei starken Kontrasten (Schrift zu Hintergrund) wird das Auge müde, wenn die Schrift zu klein oder zu eng ist. Jeder der Mediendesign lernt, wird das noch oft genug zu hören bekommen und kann das im Kompendium selber nachlesen

Arial könnte man bei Formularen, Navigationen, Bildbeschreibungen oder News (links oder rechts am Rand) benutzen, also überall dort wo nicht viel Text steht, oder wo um den Text ein gewisser Freiraum steht.

Sicher könnte man auch Georgia nehmen, aber ich finde die passt nicht zu einer Website deren Inhalt zu einer Schule bezogen ist. Jedenfalls nicht, wenn mit ihr der Content gefüllt wird. Verdana ist etwas neutrales, der Bezug ist einfach besser zum Inhalt. Bei seriösen Seiten wird die Schriftart auch passend zum Inhalt gewählt.

Times sieht irgendwie Kacke auf einer Website aus. Times ist eine Schrift die für Print-Produkte benutzt wird, weniger für Websites. Times hat Serifen, und sind diese Serifen zu dünn dann brechen diese (optisch gesehen) einfach weg, weil der Monitor nunmal in Pixel darstellt. Jedenfalls wenn diese als Content-Schrift benutzt wird. Es sei denn, man wählt eine größere Schriftgröße.

Georgia oder Times kann man als Überschriften benutzen, um einen optischen Anreiz zum Inhalt zu erzeilen. Bei längeren Texten nur, wenn die Schriftgröße auch etwas größer ist. Bei kleinen Schriftgrößen geht das in Hose, und sieht nicht seriös aus.

Die Komibination mit unterschiedlichen Schriften ist auch durchaus möglich, aber nur solange es nicht übertrieben wird. Ich würde da nicht mehr als 3 verschiedene Schriftarten benutzen. Alles andere wirkt unseriös, schlecht überlegt und verspielt.

Fazit:
Man will ja auch, dass der Besucher auch eine Weile auf der Website bleibt, und nicht nach 5min wegen Übermüdung den Browser zu macht. Also sorgt dafür, dass der Besucher auch angenehmen Text zum lesen bekommt.

[$traight-$hoota]

@Cix Dann schreib doch Buchstabenbreite, wenn du die meinst
Du hast bei deinen Beispielen Times und Georgia für Überschriften und Arial auch nur für kurze Texte bezeichnet; welche Webschriftart ist dann deiner Meinung nach denn für Fließtext geeignet? Trebuchet, Lucida und Courier wohl eher nicht... Also bliebe nur noch Verdana, aber das sieht auf Dauer auch nur noch öde aus.

[CIX88]

Also Lucida sieht auch gut aus. Bei Fließtext würde ich jedenfalls bei Verdana bleiben, wenn die Größe sehr klein ist. Nur Verdana muss auch nicht sein. Überschriften können ja mit Lucida oder Georgia gemacht werden, da diese ja etwas größer sind. Courier würde ich nur dort einsetzen, wo es um Übersichten geht bzw. wo es gewollt ist, dass die Buchstaben eine einheitliche Breite haben.

Man muss bei der Wahl der Schriftart unterscheiden, ob Fließtext, Blocktext, Flattertext, längere Texte, ob Überschrift, Bildunterschriften etc...

Nehmen wir doch mal Beispiele aus der Website von ganz oben.

"Miteinander lernen - miteinander leben"

Diese Überschrift könnte z.B. in Georgia gesetzt werden. Und wenn dann noch die Anführungszeichen stimmen, sieht das ganze schon etwas besser aus.

Falsch: "Miteinander lernen - miteinander leben"
Richtig: „Miteinander lernen - miteinander leben”

Wir begrüßen Sie ganz herzlich

Den Text finde ich zu fett, zu wuchtig und der Inhalt sieht nach 1995 aus. Als Einleitungstext könnte die Größe etwas mehr sein und auch in Georgia gesetzt werden.

Impressum, Anschrift, Adresse, Kontakt etc... sollten dann mit Verdana gesetzt werden. Arial ginge zur Not auch. Es gibt auch noch Tahoma als Schrift, aber die passt irgendwie nicht zu einer Schul-Website. Bei Tahoma sind die Buchstaben auch sehr eng, wirkt irgendwie technisch, sowas könnte man bei einer Bildgalerie einsetzen.

Gehen wir weiter ...

http://page.gsg-mannheim.de/info/wer/leitbild

Alle Überschriften z.b. in Georgia und der Text jeweils in Verdana.
Der Punkt am Anfang passt nicht so ganz. Das dies ein Absatz ist, erkennt man schon an der Schriftgröße, und da ist der Punkt störend

¨Geschwister-Scholl-Gymnasium¨

Auch mehr auf Typografie achten, diese Anführungszeichen gibt es nicht.

Startseite | Portal | Nach oben | Suchen | Impressum

Hier würde ich kleine enge Schriftarten benutzen. Arial oder Tahoma sind ad üblich. Allerdins dann nicht Kursiv, weil bei kleinen Schriftgrößen sieht Kursiv nicht sehr schön aus (bricht optisch weg).

Ach und Schluss:

Die gewählte Schriftart ist das die eine Seite, die Farben die andere.
Schriftarten kann mit Farbe unterstützen. Bis jetzt ist alles knallhart schwarze Schrift und weißen Hintergrund, das sieht auch nicht so toll aus. Es sind kleine Dinge, aber es soll ja wie oben beschrieben etwas seriös sein.

Falls man sich für eine Kombination mit mehren Schriftarten entscheidet, dann muss dies durch die ganze Website beibealten werden!!! Nicht eine Seite aos, und die andere Seite wieder völlig anders. Wenn also Überschriften einmal mit einer bestimmten Schriftart angefangen wurde, dann muss dies auf allen Unterseiten weiter geführt werden.

Also bei page.gsg-mannheim.de gibt es noch eine Menge zu tun, damit das ganze besser aussieht, nich nur die Schriftarten.

[Basti]

Zitat von CIX88

Falsch: "Miteinander lernen - miteinander leben"
Richtig: „Miteinander lernen - miteinander leben”

Nein, auch falsch. Der Bindestrich hat da nichts verloren.

Richtig: „Miteinander lernen – miteinander leben”

Basti

[Jann Hendrik]

Ich denke mal, dass das eher ein Anzeigefehler im Forum ist?!
Denn auch bei dir (@Basti) sieht das für mich nach dem gewöhnlichen minus und nicht nach einem ndash aus.

[Basti]

Zitat von Jann Hendrik

Ich denke mal, dass das eher ein Anzeigefehler im Forum ist?!
Denn auch bei dir (@Basti) sieht das für mich nach dem gewöhnlichen minus und nicht nach einem ndash aus.

Dann ists aber ein Fehler in deinem Browser. Ich seh hier klare Unterschiede:
-
–
—

Basti