Wie man eine Liste von Fonts für Ihre HTML5 und CSS3 basierten Webseiten erstellt

Wie man eine Liste von Fonts für Ihre HTML5 und CSS3 basierten Webseiten erstellt - Dummies

Die Unsicherheit, ob Ihre Schriftarten korrekt auf Ihrer HTML5- und CSS3-Webseite angezeigt werden, ist frustrierend, aber Sie können eine gewisse Kontrolle ausüben. .. Sie können eine ganze Liste von Schriftnamen angeben, wenn Sie möchten. Der Browser probiert nacheinander jede Schriftart aus. Wenn es die angegebene Schrift nicht finden kann, geht es zur nächsten Schrift und weiter.

Sie können eine Schriftart auswählen, von der Sie wissen, dass sie auf allen Windows-Maschinen installiert ist, eine Schriftart, die auf Macs gefunden wurde, und schließlich eine Schriftart, die auf allen Linux-Computern gefunden wurde. Die letzte Schriftart in Ihrer Liste sollte eine der generischen Schriftarten sein, damit Sie das Worst-Case-Szenario beherrschen.

Diese Schriftarten werden häufig auf Windows-, Mac- und Linux-Computern installiert.

Windows Mac Linux
Arial Arial Nimbus ohne L
Arial Schwarz Arial Schwarz
Comic ohne MS Comic ohne MS > TSCu_Comic Kurier Neu
Kurier Neu Nimbus Mono L Georgien
Georgien Nimbus Roman No9 L Lucida Konsole
Monaco Palatino
Palatino FreeSerif Tahoma
Genf Kalimati Zeiten New Roman
Zeiten FreeSerif Trebuchet MS
Helvetica FreeSans Verdana
Verdana Kalimati
Sie können dieses Diagramm verwenden, um eine Liste der zu testenden Zeichensätze abzuleiten. Betrachten Sie zum Beispiel den folgenden Stil:

p {font-family: "Trebuchet MS", Helvetica, FreeSans, serifenlos;}

 Dieser Stil hat ein ganzes Sammelsurium an Optionen. Zuerst versucht der Browser, Trebuchet MS zu laden. Wenn es sich um eine Windows-Maschine handelt, ist diese Schriftart verfügbar, so dass eine angezeigt wird. Wenn das nicht funktioniert, versucht der Browser Helvetica. Wenn das nicht funktioniert, versucht es FreeSans, eine Schriftart, die häufig auf Linux-Rechnern installiert wird. Wenn dies nicht funktioniert, wird standardmäßig die alte, treue Sans Serif verwendet, die einfach eine serifenlose Schrift wählt. 

Beachten Sie, dass Fontnamen von mehr als einem Wort in Anführungszeichen eingeschlossen werden müssen und Kommas die Liste der Fontnamen trennen.

Lassen Sie sich nicht zu sehr über Linux-Schriftarten ärgern. Es ist wahr, dass die Äquivalenzen schwieriger zu finden sind, aber Linux-Benutzer neigen dazu, in zwei Lager zu fallen: Sie sind entweder egal, ob die Schriften genau sind, oder sie kümmern sich und sie haben äquivalente Schriften installiert, die die gemeinsamen Namen erkennen. In beiden Fällen können Sie sich größtenteils auf Mac und Windows konzentrieren.