Alle Artikel seit 2005

Typografie/Schriften

Für die Gestaltung einer Website ist die Wahl der Schriften und Abstände immens wichtig, denn dadurch wird die Lesbarkeit der Texte bestimmt. Allerdings sind nur wenige Schriften auf (fast) allen Geräten installiert. Noch relativ neu ist die Technik sich Webfonts über das Internet nachzuladen.

Schriften

Mit einer Grundschrift wie Verdana, Arial oder Georgia liegt man aber immer richtig. Grundsätzlich steht man vor der Wahl einer Schrift mit oder ohne Serifen. Bei kleinen Schriften auf dem Bildschirm sollte man immer einer serifenlosen Schrift den Vorzug geben. Eine groß gesetzte Überschrift in Georgia kann dagegen einen schönen Kontrapunkt setzen.

Typetester
Schriften im direkten Vergleich testen, mit CSS-Ausgabe.
Wordmark.it
Erkennen, welche Schriften sich auf dem Rechner befinden, und einen Text nebeneinander in diesen Schriften sehen.
Identifont
Fonts anhand von Fragen bestimmen.
Font Squirrel
Große und gute Sammlung freier Schriften
Webfonts mieten: Übersicht aktueller Webfont-Dienste
Von Dr. Web.
Google Webfonts
Wie der Name schon sagt.
FFonts
Freefonts. Viele Schriften zum kostenlosen Download.

Schriftgröße, Zeilenhöhe und Spaltenbreite

Unterschätzt wird dagegen oft die Auswirkung von Schriftgröße, Zeilenhöhe und Spaltenbreite auf die Lesbarkeit – gerade auch das Zusammenspiel dieser Werte. Eine Zeile sollte 50–80 Anschläge haben – unabhängig von der Pixelbreite einer Spalte. Die Schriftgröße sollte nicht zu klein gewählt werden und der Zeilenabstand mindestens 1.5em.

Bitte Abstand halten
Von Gerrit van Aaken, praegnanz.de.
How to size text using ems
Warum man em statt px oder pt nutzen sollte.
Approximate Conversion from Points to Pixels
Tabelle über das Verhältnis von pt, px, em und %.

Grundlagenartikel, ein Blog und weitere Quellen

typokurz – Einige wichtige typografische Regeln
Grundlagenartikel von Christoph Bierauch, auch für Print.
Anatomie der Buchstaben | design tagebuch
Abstrich, Dickte und Bauch. Worüber Typografen sprechen.
Thinking with Type
Das Ganze gleich noch einmal.
Die gefühlte Lesbarkeit von Martin Liebig
Schriften, Schriftgrößen, Zeilenabstand und Zeilenlängen.
Quellensammlung: Fonts und Typographie auf Dr. Web
Was der Name sagt.
HTML-Zeichenreferenz bei SELFHTML
Sonderzeichen in HTML oder Unicode setzen.
Sonderzeichen mit AltGr + Shift zaubern
Interner Link.


Eine Antwort zu “Typografie/Schriften”


Fatal error: Call to undefined function comment_favicon() in /var/www/web297/html/netzausfall2/wp-content/themes/netzausfall_3/comments.php on line 30