Beim Entwerfen einer Website sind Textinhalte eines der wichtigsten Elemente einer Seite, mit denen Sie arbeiten werden. Wenn Sie also eine Webseite erstellen und mit CSS gestalten, wird ein großer Teil dieser Bemühungen auf die Typografie der Website konzentriert.
Typografische Gestaltung spielt eine wichtige Rolle bei der Gestaltung von Websites. Ein übersichtlicher und formatierter Textinhalt verhilft einer Website zu mehr Erfolg, indem sie ein Leseerlebnis schafft, das sowohl angenehm als auch einfach zu bedienen ist. Ein Teil Ihrer Bemühungen bei der Arbeit mit type besteht darin, die richtigen Schriftarten für Ihr Design auszuwählen und dann CSS zu verwenden, um diese Schriftarten und Schriftstile zur Seitenanzeige hinzuzufügen. Dies geschieht durch Verwendung eines sogenannten "Schriftstapels".
Font-Stacks
Wenn Sie eine Schriftart angeben, die auf einer Webseite verwendet werden soll, sollten Sie auch Fallback-Optionen hinzufügen, falls Ihre Schriftart nicht gefunden werden kann. Diese Fallback-Optionen werden im "Schriftartenstapel" dargestellt. Wenn der Browser die erste im Stapel aufgelistete Schrift nicht finden kann, wird sie zur nächsten verschoben. Es setzt diesen Prozess fort, bis es eine Schriftart findet, die es verwenden kann, oder er hat keine Auswahl mehr (in diesem Fall wählt es einfach eine beliebige Systemschriftart aus). Hier ein Beispiel, wie ein Font-Stack in CSS aussehen würde, wenn er auf das "body" -Element angewendet wird:
Karosserie { Schriftfamilie: Georgia, "Times New Roman", Serife;}
Beachten Sie, dass wir zuerst die Schriftart Georgia angeben. Standardmäßig ist dies die Seite, aber wenn diese Schriftart aus irgendeinem Grund nicht verfügbar ist, wird die Seite auf Times New Roman zurückgesetzt. Wir setzen diesen Namen in Anführungszeichen, da es sich um einen Mehrwortnamen handelt. Für Namen mit einem Wort wie Georgia oder Arial sind keine Anführungszeichen erforderlich, für den Namen mit mehreren Wörtern sind sie jedoch erforderlich, sodass der Browser weiß, dass all diese Wörter den Namen der Schriftart ausmachen. Wenn Sie das Ende des Schriftenstapels betrachten, sollten Sie feststellen, dass wir mit dem Wort "serif" enden. Dies ist ein generischer Schriftfamilienname. In dem unwahrscheinlichen Fall, dass eine Person Georgia oder Times New Roman nicht auf ihrem Computer installiert hat, würde die Site jede Serifenschrift verwenden, die sie finden könnte. Dies ist vorzuziehen, wenn die Site auf die gewünschten Schriftarten zurückgreifen kann, da Sie zumindest feststellen können, welche Art von Schriftart verwendet werden soll, damit das Erscheinungsbild und der Ton einer Site so intakt wie möglich ist. Ja, der Browser wählt eine Schriftart für Sie aus, aber Sie geben zumindest eine Anleitung, damit er weiß, welche Art von Schriftart am besten für das Design geeignet ist. Die in CSS verfügbaren allgemeinen Schriftartnamen sind: Während in Webdesign und Typografie viele andere Schriftgradklassifizierungen zur Verfügung stehen, darunter Slab-Serif, Blackletter, Display, Grunge und vieles mehr, sind diese 5 oben aufgeführten generischen Schriftnamen die, die Sie in einem Font-Stack in CSS verwenden würden. Was sind die Unterschiede zwischen diesen Schriftarten? Lass uns einen Blick darauf werfen! Kursiv Schriftarten weisen häufig schmale, reich verzierte Buchstabenformen auf, die ausgefallenen handgeschriebenen Text replizieren sollen. Diese Schriftarten eignen sich aufgrund ihrer dünnen, blumigen Buchstaben nicht für große Inhaltsblöcke wie Textkörper. Kursive Schriftarten werden im Allgemeinen für Überschriften und kürzere Textanforderungen verwendet, die in größeren Schriftgrößen angezeigt werden können. Fantasie Schriftarten sind die etwas verrückten Schriftarten, die in keine andere Kategorie fallen. Schriftarten, die bekannte Logos replizieren, wie die Buchstabenformen aus den Filmen von Harry Potter oder Back to the Future, fallen in diese Kategorie. Wieder eignen sich diese Schriftarten nicht für den Inhalt von Inhalten, da sie oft so stilisiert sind, dass das Lesen längerer Textpassagen, die in diesen Schriftarten geschrieben sind, viel zu schwierig ist. Monospace Schriftarten sind solche, bei denen alle Buchstabenformen gleich groß und voneinander beabstandet sind, wie Sie es bei einer alten Schreibmaschine gefunden hätten. Im Gegensatz zu anderen Schriftarten, deren Buchstabenbreite von ihrer Größe abhängt (zum Beispiel würde ein Großbuchstabe "W" viel mehr Platz beanspruchen als ein Kleinbuchstabe "i"), haben Monospace-Schriftarten eine feste Breite für alle Zeichen. Diese Schriftarten werden häufig verwendet, wenn Code auf einer Seite angezeigt wird, da sie sich deutlich von anderem Text auf dieser Seite unterscheiden. Serif Schriftarten sind eine der beliebtesten Klassifizierungen. Hierbei handelt es sich um Schriftarten, die auf den Letterforms etwas zusätzliche Ligaturen aufweisen. Diese zusätzlichen Stücke werden "Serifen" genannt. Übliche Serifenschriften sind Georgia und Times New Roman. Serifenschriften können für große Texte wie Überschriften sowie lange Textpassagen und Textkörper verwendet werden. Serifenlos ist die endgültige Klassifizierung, die wir uns ansehen werden. Dies sind Schriftarten, die diese zuvor genannten Ligaturen nicht aufweisen. Der Name bedeutet "ohne Serifen". Beliebte Schriften in dieser Kategorie sind Arial oder Helvetica. Ähnlich wie Serifen können auch serifenlose Schriften in Überschriften und Körperinhalten gleichermaßen verwendet werden. Generische Schriftfamilien
