Skip to main content

Verwenden Sie diese zuverlässigen HTML-Schriftarten auf Ihren Webseiten

(11/25) Using Web Safe Font Stacks (Kann 2025)

(11/25) Using Web Safe Font Stacks (Kann 2025)
Anonim

Es kann schwierig sein, einen guten Fontstapel zu finden, der sowohl den Stil Ihrer Website vermittelt als auch über die Mehrheit der Websites hinweg zuverlässig ist. Wenn Sie nicht Web-sichere Schriftarten verwenden, sieht Ihre Website möglicherweise nicht so aus, wie Sie es beabsichtigt haben, wenn der Browser die originelle Schriftart durch etwas Überraschendes ersetzt.

Diese Schriftenstapel sind nach Familien (Serifen, Monospace usw.) getrennt. Wenn Sie eine Schriftart verwenden, bei der es sich nicht um eine webfeste Schriftart handelt, sollten Sie diese zuerst in Ihren Fontstapel aufnehmen und dann einen dieser Stapel am Ende hinzufügen. Wählen Sie den Schriftstapel, der dem Stil am nächsten kommt, und sehen Sie sich Ihre bevorzugte Schrift an.

Sans Serif Web Safe-Schriftenstapel

Serifenloser Text eignet sich gut zum Lesen auf Webseiten, da es keine Serifen gibt, die auf dem Bildschirm unscharf werden.

Schriftfamilie: Arial, Helvetica, Serifenlose;Schriftfamilie: 'Arial Black', Gadget, serifenlos;Schriftfamilie: Impact, Charcoal, Sans-Serif;Schriftfamilie: 'MS Sans Serif', Genf, serifenlos;Schriftfamilie: Tahoma, Genf, serifenlos;Schriftfamilie: 'Trebuchet MS', Helvetica, serifenlos;Schriftfamilie: Verdana, Genf, serifenlos;

Serif Web Safe Font Stacks

Serifenschriften eignen sich hervorragend für Überschriften. Bei größeren Überschriften werden die Serifen auf Monitoren nicht unscharf.

Schriftfamilie: 'Book Antiqua', 'Palatino Linotype', Palatino, Serife;Schriftfamilie: Bookman, Serif;Schriftfamilie: Georgia, Serif;Schriftfamilie: 'MS Serif', 'New York', Serife;Schriftfamilie: 'Times New Roman', Times, Serife;

Monospace-Schriftenstapel

Monospace-Schriftarten werden normalerweise zum Rendern von Code und anderen Schriftstilen verwendet, die am besten in einer Schrift aussehen, in der alle Zeichen die gleiche Breite haben - wie Schreibmaschinenschriftarten.

Schriftfamilie: Courier, Monospace;Schriftfamilie: 'Courier New', Courier, Monospace;Schriftfamilie: 'Lucida Console', Monaco, Monospace;

Beispiele für Monospace-Schriftenstapel anzeigen.

Kursive Schriftenstapel

Kursive Schriftarten können schwer zu lesen sein, und die am häufigsten auf den meisten Systemen (Comic Sans) vorkommende Schriftart wird von so vielen Menschen nicht gern gesehen.

Schriftfamilie: 'Comic Sans MS', kursiv;

Fantasy-Schriftenstapel

Wie kursive Schriftarten können Fantasy-Schriftarten schwer lesbar sein und sind in den meisten Systemen noch weniger verbreitet. In der Tat stellen Sie möglicherweise fest, dass ich den gleichen Fontstapel verwende, den ich oben in der Sans-Serif-Kategorie verwendet habe. Das liegt daran, dass Impact und Charcoal so unterschiedlich sind, dass manche Leute sie als Fantasy-Fonts betrachten.

Schriftfamilie: Impact, Charcoal, Fantasy;

Dingbats, Wingdings oder Symbolschriftstapel

Dingbats oder Wingdings sind Symbolschriften, die anstelle von Buchstaben kleine Symbole oder Bilder anzeigen. Es gibt keine generische Schriftart für diese, daher zeigen manche Computer möglicherweise andere Schriftarten an, als Sie erwarten. Außerdem zeigt nur Internet Explorer die Symbole an. Firefox und andere Browser zeigen den Text einfach in der Standardschriftart für den Browser an.

Schriftfamilie: Symbol;Schriftfamilie: Webdings;Schriftfamilie: Wingdings, 'Zapf Dingbats';