Typografie in Websites veranschaulicht

October 24

Typografie--- oder Put einfach, machen Text schauen gut---ist eine der wichtigsten Facetten des Webdesigns, aber es ist auch eines der am häufigsten übersehene. Ihre Inhalte gut lesbar machen Ihr Design nicht nur hilft, unterbewusst macht den Content auf Ihrer Website mehr Spaß und halten für mehr Leser. Es ist nicht schwer,: Wenn Sie wissen, welche Regeln und Elemente hinzu, Ihre Web-Seiten-Stylesheets Sie erheblich können verbessern das Aussehen Ihres Textes in fünf Minuten.

Anweisungen

1 Entscheiden Sie, welche Schriftarten Sie verwenden, bevor Sie Ihre Website-Code berühren möchten. Das Web hat eine begrenzte Anzahl von Schriftfamilien, die alle Browser erkennen können; finden Sie Ressourcen unter einer Liste websichere Schriftarten. Es ist auch hilfreich, den Unterschied zwischen Serif und sans-Serif-Schriften verstehen. Grotesk-Schriften, z. B. Times New Roman, sehen aus wie herkömmliche Zeitungspapier oder magazine-Schriften---Buchstaben haben kleine Schwänze an den Rändern. Serifenlose Schriften wie Arial, nicht zu tun, und blockier freuen. Kombination einer Serif und eine serifenlose Schrift---zum Beispiel mit Serifen Schriftart für Überschriften Ihrer Website und eine serifenlose Schrift für den Artikel stellen---normalerweise produziert einen ästhetisch ansprechenden typografischen Stil.

2 Fügen Sie Schriftart Stacks auf Ihrer Website Stylesheet (in der Regel eine CSS-Datei). Schriftart Stacks sind Listen von Schriftarten, die als Anweisungen zu Web-Browsern dienen. Wenn der Browser Computer die erste Schrift erkennt, verwenden Sie es; Wenn nicht, verwenden Sie die zweite Schriftart, und so weiter. Um eine Universal-Sammlung von Schriften im Abschnitt < Body > Ihrer HTML-Seiten zu deklarieren, wird die Syntax wie folgt aussehen:Körper {}Schriftfamilie: Lucida Sans Unicode, Lucida Grande, sans-Serif;}Das Stylesheet wird zuerst der Browser, Lucida Sans Unicode zu verwenden. Wenn es nicht diese Schriftart erkennt---verschiebt Macs haben es installiert standardmäßig---nicht z. B. es auf die ähnliche Schriftart Lucida Grande (die Macs erkennen). Wenn aus irgendeinem Grund es entweder derer nicht erkennt, verwendet wie auf bestimmte Linux-Installationen, es dem Computer Standard sans Serif-Schriftart.

3 Deklarieren Sie die Zeilenhöhe und Schriftgröße Elemente für Ihren Text auch. Bei den meisten Browsern ist die Standard-Line-Height zu eng. Auf der anderen Seite könnten Sie denken, die Standardschriftgröße zu groß ist. Aber achten Sie darauf nicht, es auf etwas weniger als 11 Pixel gesetzt. Einige Leute mögen, lehnen Sie sich zurück, wenn sie lesen nicht jedermanns Augen sind so gut wie Ihre

4 Ändern Sie die Standardfarbe für Ihre Schriftarten. Wenn Sie einen dunklen Hintergrund verwenden, sollten Sie Ihre Schrift leichter zu machen, aber nicht lassen Sie Ihre Schrift schwarz. Hoher Kontrast kann eine effektive Stil, wenn richtig gemacht, aber in der Regel werden Sie feststellen, dass Text leichter lesbar ist, wenn es eine Schattierung von Grau ist im Gegensatz zu vollständig schwarz oder weiß.Im folgenden finden eine Reihe von Style-Regeln, die Sie auf Ihrem Stylesheet platzieren können, die alle diese Elemente zusammen verwenden:Körper {}Schriftfamilie: Lucida Sans Unicode, Lucida Grande, sans-Serif;Font-Size: 12px;Line-Height: 1.8em;Farbe: #555555;}H1 {}Schriftfamilie: Georgien, Serif;}Auf der linken Seite des Bildes können Sie sehen, wie ein Artikel ohne Formatierung aussehen würde. Auf der rechten Seite können Sie sehen, wie der gleiche Text mit den oben genannten Stilregeln aussieht.