In diesem Artikel stellen wir gängige Webfonts vor, einschließlich chinesischer und englischer:

Englisch

Sans-Serif

  • Helvetica:Gilt als die Lieblingsschrift von Designern, Realist-Stil, klare und moderne Linien, sehr begehrt. Sie gilt als die beste Webfont auf dem Mac, wird aber unter Windows aufgrund von Hinting furchtbar dargestellt.
  • Arial:Ein "Klon" von Helvetica, sehr ähnlich zu Helvetica, mit kleinen Unterschieden in Details wie R und G. Wenn die Schriftgröße zu klein und zu viel Text vorhanden ist, kann das Lesen etwas anstrengend sein. Wird sowohl unter Windows als auch auf dem Mac normal dargestellt.
  • Lucida Family:Lucida Grande ist die Standard-Schrift für die Mac OS UI, gehört zum humanistischen Stil, etwas lebendiger. Sie wird auf dem Mac besser dargestellt als unter Windows.
  • Verdana:Eine Schrift, die speziell für die Bildschirmdarstellung entworfen wurde, humanistischer Stil, auch bei kleinen Schriftgrößen noch klar lesbar, aber mit stark fehlenden Schriftdetails; am besten nicht für Überschriften verwenden.
  • Tahoma:Ebenfalls humanistischer Stil, etwas ähnlich wie Verdana, aber etwas schmaler mit etwas kleineren Punzen. Sie war einst die Standardschrift für Windows und ist seit 10.5 standardmäßig auf dem Mac installiert.
  • Trebuchet MS:Eine humanistische Schrift, die für Microsoft entworfen wurde. Ich persönlich finde, ihr Charakter ist zu ausgeprägt, und sie passt möglicherweise nicht, wenn sie schlecht eingesetzt wird.

Serif

  • Georgia:Grundsätzlich ist die für Fließtext auf dem Bildschirm geeignete Serifenschrift keine andere als Georgia. Kräftige Striche, klare Serifen, größere Umrisse, auch bei kleinen Größen klare Darstellung, und die Details sind noch akzeptabel.
  • Times:Times wurde für Zeitungen entworfen und zeichnet sich dadurch aus, mehr Text in begrenztem Raum unterzubringen. Die Striche sind schwächer, und kleiner Fließtext auf dem Bildschirm wirkt ermüdend. Als Engadget neu gestaltet wurde und Times für den Fließtext verwendete, wurde es stark kritisiert und wechselte dann zu Georgia.

Chinesisch

  • SimSun (Zhongyi Songti):Die häufigste Schrift unter Windows. Bei kleinen Schriften werden Bitmaps verwendet, bei großen TrueType, aber große Schriften sehen nicht gut aus, daher am besten nicht für Überschriften verwenden.
  • Microsoft YaHei:Eine Schrift, die nach Vista neu eingeführt wurde. Sie wird mit aktiviertem ClearType gut dargestellt, erscheint aber ohne ClearType unscharf.
  • STXihei (Huawen Xihei):Die Standard-Schrift für Chinesisch auf dem Mac.
  • Droid Sans und die davon abgeleitete WenQuanYi Micro Hei:Die chinesische Schrift in Android, außerdem die Standard-Chinesisch-Schrift in den meisten Linux-Distributionen. Natürlich verwenden einige WenQuanYi Zen Hei, aber das ist heute weniger verbreitet.

Hinweis:CSS3 begann, eingebettete Schriftarten zu unterstützen, wodurch die Auswahl an englischen Schriftarten plötzlich stark zunahm, doch bei chinesischen Schriftarten gibt es aufgrund ihrer großen Dateigrößen immer noch nur diese wenigen Optionen.

Webfont-Effekte

Georgia
ABCDEFGHIJKLMNOPQRSTUVWXYZ (26px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (22px)
abcdefghijklmnopqrstuvwxyz 0123456789
Auswirkung
ABCDEFGHIJKLMNOPQRSTUVWXYZ (26px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (22px)
abcdefghijklmnopqrstuvwxyz 0123456789
Verdana
ABCDEFGHIJKLMNOPQRSTUVWXYZ (24px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (20px)
abcdefghijklmnopqrstuvwxyz 0123456789
Trebuchet MS
ABCDEFGHIJKLMNOPQRSTUVWXYZ (24px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (20px)
abcdefghijklmnopqrstuvwxyz 0123456789
Microsoft YaHei
24px Microsoft YaHei chinesische SchriftFette chinesische Schrift © Yifangtian
ABCDEFGHIJKLMNOPQRSTUVWXYZ (24px)
abcdefghijklmnopqrstuvwxyz 0123456789
20px Microsoft YaHei chinesische SchriftFette chinesische Schrift © Yifangtian
ABCDEFGHIJKLMNOPQRSTUVWXYZ (20px)
abcdefghijklmnopqrstuvwxyz 0123456789
SimSun
26px SimSun chinesische SchriftartFette chinesische Schriftart
ABCDEFGHIJKLMNOPQRSTUVWXYZ (26px)
abcdefghijklmnopqrstuvwxyz 0123456789
18px SimSun chinesische SchriftartFette chinesische Schriftart
ABCDEFGHIJKLMNOPQRSTUVWXYZ (18px)
abcdefghijklmnopqrstuvwxyz 0123456789
SimHei* Fettdruck mit Vorsicht verwenden
26px SimHei chinesische SchriftartFette chinesische Schriftart
ABCDEFGHIJKLMNOPQRSTUVWXYZ (26px)
abcdefghijklmnopqrstuvwxyz 0123456789
18px SimHei chinesische SchriftartFette chinesische Schriftart
ABCDEFGHIJKLMNOPQRSTUVWXYZ (18px)
abcdefghijklmnopqrstuvwxyz 0123456789

Englische Nicht-Monospace-Schriftarten

Arial
ABCDEFGHIJKLMNOPQRSTUVWXYZ (18px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (16px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (14px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (12px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (11px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (10px)
abcdefghijklmnopqrstuvwxyz 0123456789
Comic Sans MS
ABCDEFGHIJKLMNOPQRSTUVWXYZ (18px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (16px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (14px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (12px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (11px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ 10px
abcdefghijklmnopqrstuvwxyz 0123456789
Georgia
ABCDEFGHIJKLMNOPQRSTUVWXYZ (18px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (16px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (14px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (12px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (11px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (10px)
abcdefghijklmnopqrstuvwxyz 0123456789
Tahoma
ABCDEFGHIJKLMNOPQRSTUVWXYZ (18px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (16px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (14px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (12px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (11px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (10px)
abcdefghijklmnopqrstuvwxyz 0123456789
Time News Roman
ABCDEFGHIJKLMNOPQRSTUVWXYZ (18px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (16px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (14px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (12px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (11px)
abcdefghijklmnopqrstuvwxyz 0123456789
Trebuchet MS
ABCDEFGHIJKLMNOPQRSTUVWXYZ (18px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (16px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (14px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (12px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (11px)
abcdefghijklmnopqrstuvwxyz 0123456789
Verdana
ABCDEFGHIJKLMNOPQRSTUVWXYZ (18px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (16px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (14px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (12px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (11px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (10px)
abcdefghijklmnopqrstuvwxyz 0123456789

Englische Monospace-Schriften

Courier New
ABCDEFGHIJKLMNOPQRSTUVWXYZ (18px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (16px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (14px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (12px)
abcdefghijklmnopqrstuvwxyz 0123456789
Hei
ABCDEFGHIJKLMNOPQRSTUVWXYZ (18px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (16px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (14px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (12px)
abcdefghijklmnopqrstuvwxyz 0123456789
Monaco
ABCDEFGHIJKLMNOPQRSTUVWXYZ (18px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (16px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (14px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (12px)
abcdefghijklmnopqrstuvwxyz 0123456789
simhei
ABCDEFGHIJKLMNOPQRSTUVWXYZ (18px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (16px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (14px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (12px)
abcdefghijklmnopqrstuvwxyz 0123456789

Chinesische Schriftarten

SimSun
14px SimSun chinesische SchriftartFette chinesische Schriftart
ABCDEFGHIJKLMNOPQRSTUVWXYZ (14px)
abcdefghijklmnopqrstuvwxyz 0123456789
12px SimSun chinesische SchriftartFette chinesische Schriftart
ABCDEFGHIJKLMNOPQRSTUVWXYZ (12px)
abcdefghijklmnopqrstuvwxyz 0123456789
Microsoft YaHei
14px Microsoft YaHei chinesische SchriftartFette chinesische Schriftart
ABCDEFGHIJKLMNOPQRSTUVWXYZ (14px)
abcdefghijklmnopqrstuvwxyz 0123456789
12px Microsoft YaHei chinesische SchriftartFette chinesische Schriftart
ABCDEFGHIJKLMNOPQRSTUVWXYZ (12px)
abcdefghijklmnopqrstuvwxyz 0123456789
MingLiU 11px chinesische Schriftart
11px klare chinesische SchriftartFette chinesische Schriftart (11px)
PMingLiU 11px chinesische Schriftart
11px klare chinesische SchriftartFette chinesische Schriftart (11px)
Gängige Anwendungsbeispiele für 11px: Tahoma, Verdana, Arial, PMingLiU, MingLiU
11px klare chinesische SchriftartFette chinesische Schriftart (11px)
MS UI Gothic 10px chinesische Schriftart
Es heißt, dass diese Schriftart traditionelles Chinesisch etwas besser darstellt, aber sie ist immer noch nicht sehr klar.(10px)