Anwendungshandbuch für chinesische WEB-Schriftarten

Die eigentliche Herausforderung liegt bei chinesischen Schriftarten. Aufgrund der Besonderheit chinesischer Schriftarten ist ihre Größe zu groß. Zusätzlich zu den integrierten Schriftarten des Betriebssystems ist es für uns schwierig, andere Schriftarten auf der Website anzuwenden. Wie verwendet man chinesische Schriftarten richtig, wenn nur wenige Optionen zur Verfügung stehen?

Zunächst einmal sind die folgenden Schriftartdeklarationen schlecht und sollten niemals verwendet werden:

Schriftfamilie: „Song“

Schriftfamilie: „宋体“, Arial;

Schriftfamilie: Arial, „Songti“, „Microsoft YaHei“;

Schriftfamilie: Helvetica, Arial, „Huawen Xihei“, „Microsoft Yahei“;

Als nächstes erklären wir Schritt für Schritt, wie man eine gute Schriftdeklaration definiert.

Chinesische Schriftarten haben auch englische Namen

Viele Entwickler übersehen diesen Punkt: Obwohl wir im Betriebssystem häufig Schriftnamen wie Songti, Microsoft Yahei und Huawen Xihei sehen, handelt es sich dabei tatsächlich nur um die Anzeigenamen der Schriftarten und nicht um die Namen der Schriftdateien. Während die direkte Verwendung des Anzeigenamens in den meisten Fällen funktioniert, arbeiten manche Benutzer in Extremfällen damit, wodurch Ihre Schriftartdeklaration ungültig wird.

Beispielsweise hat ein Benutzer die chinesische Version des Betriebssystems installiert (was bedeutet, dass das System über chinesische Schriftarten verfügt), aber auf Englisch als Primärsprache umgestellt. Dies kommt bei chinesischen Benutzern, die ihr Englisch verbessern möchten, sehr häufig vor. Zu diesem Zeitpunkt ist das Betriebssystem möglicherweise nicht in der Lage, die richtige Schriftart anhand des Anzeigenamens zu finden. Daher müssen wir als Erstes Folgendes beachten: Deklarieren Sie den Schriftnamen (Englisch) und den Anzeigenamen (Chinesisch) der chinesischen Schriftart gleichzeitig, und zwar wie folgt:

Schriftfamilie: SimSun, „宋体“

Schriftfamilie: „Microsoft YaHei“, „微软雅黑“

Schriftfamilie: STXihei, „Huawen Xihei“, „Microsoft YaHei“, „Microsoft YaHei“

Vergessen Sie nie, englische Schriftarten anzugeben. Englische Schriftarten sollten vor chinesischen Schriftarten stehen.

Bedenken Sie Folgendes: Die meisten chinesischen Schriftarten enthalten englische Buchstaben (die aber grundsätzlich hässlich sind). Englische Schriftarten enthalten jedoch keine chinesischen Schriftzeichen.

Es kommt sehr häufig vor, dass auf Webseiten Chinesisch und Englisch gemischt werden. Der Effekt, chinesische Schriftarten für die Anzeige von Englisch zu verwenden, wird Ihnen nie gefallen. Vergessen Sie daher nicht, zuerst die englische Schriftart anzugeben:

Schriftfamilie: Georgia, SimSun, „宋体“

Schriftfamilie: Arial, „Microsoft YaHei“, „微软雅黑“

Eine weitere gute Angewohnheit ist, am Ende den Namen der englischen Schriftfamilie hinzuzufügen. Schriftfamilien werden im Allgemeinen in zwei Kategorien unterteilt: serifenlos und Serifen. Im Video am Anfang dieses Artikels erfahren Sie mehr über die Unterschiede und Nutzungsregeln. Im Allgemeinen sollten Sie Folgendes tun:

Schriftfamilie: Georgia, SimSun, „宋体“, Serif

Schriftfamilie: Arial, „Microsoft YaHei“, „微软雅黑“, serifenlos

Bitte beachten: Songti und Microsoft YaHei in den beiden obigen Anweisungen sollten nicht vertauscht werden (obwohl kein Fehler auftritt, wenn sie vertauscht werden). Dies liegt daran, dass Microsoft YaHei aus Sicht des Schriftstils keine Serifen hat, während Songti Serifen hat. Allerdings wird im Chinesischen nicht so streng zwischen Schriftfamilien unterschieden wie im Englischen, sodass dies in der praktischen Anwendung nicht so wichtig ist.

Vergessen Sie nicht, sich um unterschiedliche Betriebssysteme zu kümmern

Als Webentwickler sollten Sie über ausreichende Kenntnisse zu Systemschriftarten in gängigen Betriebssystemen wie Windows, Mac OS und der Linux-Familie, insbesondere Chinesisch, verfügen. Hier gehen wir davon aus, dass die Zielwebsite sowohl Windows- als auch Mac-Benutzern das beste Schriftartenerlebnis bieten möchte, daher können wir es wie folgt deklarieren:

Schriftfamilie: Helvetica, Tahoma, Arial, STXihei, „华文细黑“, „Microsoft YaHei“, „微软雅黑“, serifenlos

Was bewirkt diese Anweisung? Lassen Sie uns die Anweisungen der Reihe nach erklären (die Klammern stehen für das entsprechende Zielbetriebssystem):

Suchen Sie für englische Zeichen zuerst nach Helvetica (Mac), dann nach Tahoma (Win), und wenn keines von beiden gefunden wird, verwenden Sie Arial (Mac & Win); wenn alle drei fehlen, verwenden Sie die aktuelle serifenlose Standardschriftart (festgelegt durch das Betriebssystem oder den Browser);

Für chinesische Schriftarten kennen wir die Regeln bereits. Huawen Xihei (Mac) und Microsoft Yahei (Win) sind die standardmäßigen chinesischen Schriftarten für diese beiden Plattformen.

Auf Abwärtskompatibilität achten

Bisher sind unsere Schriftartdeklarationen ziemlich gut – wenn Sie sich keine Sorgen um Benutzer machen müssen, die noch ältere Versionen des Betriebssystems verwenden. Leider gibt es auf dem chinesischen Markt immer noch viele Benutzer, die Windows XP verwenden und Songti ist ihre wichtigste chinesische Schriftart. Um diese Benutzer zu berücksichtigen, können Sie ein Fallback für Microsoft YaHei hinzufügen:

Schriftfamilie: Helvetica, Tahoma, Arial, STXihei, „华文细黑“, Heiti, „黑体“, „Microsoft YaHei“, „微软雅黑“, SimSun, „宋体“, serifenlos

Ebenso können Sie sehen, dass wir Fettdruck auch als Fallback für Mac-Systeme verwenden.

andere

Ist es in Ordnung, keine Anführungszeichen zu verwenden?

Dürfen. Einige englische Schriftnamen bestehen aus mehr als zwei Wörtern und müssen in "" eingeschlossen werden, da sich zwischen den Wörtern Leerzeichen befinden. Chinesische Schriftarten sind etwas ganz Besonderes. Besteht Microsoft YaHei aus englischer Sicht aus einem oder vier Wörtern? Das spielt keine Rolle. Glücklicherweise gibt es in den Namen chinesischer Schriftarten keine Leerzeichen, daher ist es nicht schlimm, wenn Sie kein "" hinzufügen.

Allerdings kann niemand garantieren, dass dies in jeder Betriebssystem-/Browserumgebung funktioniert. Wenn etwas Seltsames passiert, versuchen Sie, doppelte Anführungszeichen hinzuzufügen.

Kann eine bestimmte Schriftart standardmäßig angezeigt werden? Beispielsweise Microsoft YaHei

Möglicherweise ist Ihnen aufgefallen, dass in unserer letzten Schriftartdeklaration Huawen Xihei die Standardschriftart ist (sofern alle chinesischen Schriftarten in der Deklaration auf Ihrem System installiert sind). Warum deklariere ich zuerst die Schriftarten für das Mac-System?

Logischerweise sind Windows-Benutzer nach wie vor die Hauptzielgruppe der meisten Websites, sodass die folgende Aussage theoretisch plausibel ist:

Schriftfamilie: Helvetica, Tahoma, Arial, „Microsoft YaHei“, „Microsoft YaHei“, SimSun, „Songti“, STXihei, „Huawen Xihei“, Heiti, „Heiti“, serifenlos

In Wirklichkeit ist das aber nicht der Fall. Viele Mac-Besitzer installieren auch häufig verwendete chinesische Schriftarten für Windows (dank Office für Mac). Allerdings installieren nur sehr wenige Windows-Benutzer chinesische Schriftarten für den Mac.

Deshalb wird es für Windows-Benutzer kaum Auswirkungen haben, wenn die Mac-Schriftartendeklaration an den Anfang gesetzt wird (weil sie diese überhaupt nicht haben!), aber die als Fallback verwendete fette Schriftart kann Microsoft YaHei ersetzen, sodass der sicherere Ansatz möglicherweise dieser ist:

Schriftfamilie: Helvetica, Tahoma, Arial, STXihei, „Huawen Xihei“, „Microsoft YaHei“, „Microsoft YaHei“, SimSun, „Songti“, Heiti, „Heiti“, serifenlos

Aber bitte setzen Sie Microsoft YaHei nicht an die Spitze der chinesischen Schriftarten. Als eine der hässlichsten chinesischen Schriftarten der Geschichte ist Microsoft YaHei keine gute Wahl. Bitte kümmern Sie sich um die Benutzer, die von Mac verwöhnt sind. Danke! (Stellt nur meine persönliche Meinung dar)

Übrigens, wenn Ihnen Microsoft YaHei auch nicht gefällt, wie mir, löschen Sie es einfach.

Obwohl unser Beispielcode bisher keine Beispiele für die Linux-Familie enthält, glaube ich, dass Sie wissen, was zu tun ist.

Eine kleine Ergänzung

Angesichts der Tatsache, dass einige Leute Einwände gegen das Ranking von Microsoft Yahei haben, kann ich die obige Lösung auch noch einen Schritt weiter ausführen. Die Wahrheit ist folgende:

Wenn Microsoft YaHei an den Anfang gesetzt wird, müssen Mac-Benutzer, die die Schriftart Microsoft YaHei installiert haben, mit Microsoft YaHei rechnen, obwohl es auf dem Mac viele chinesische Schriftarten gibt, die viel eleganter sind als Microsoft YaHei.

Die Platzierung von Mac-Schriftarten an den Anfang wird bei Windows-Benutzern zu ähnlicher Verwirrung führen, schließlich ist Microsoft YaHei (bisher) die beste Schriftart für die Windows-Plattform.

Welches davon wird wahrscheinlicher auftreten, 1 oder 2? Ich denke, die Antwort kann man auch ohne Berechnung erfahren, oder?

Aber es spielen tatsächlich noch zwei weitere Faktoren eine Rolle:

Viele Windows-Benutzer haben ClearType aus verschiedenen Gründen deaktiviert. In diesem Fall wäre Microsoft YaHei furchtbar! Aber Mac-Schriftarten sind auch keine gute Wahl. Der wahre Gewinner? Sie haben es erraten, Songti.

Die meisten fetten Schriftarten auf dem Mac sind unter Windows verschwommen, aber Microsoft YaHei ist hässlich, aber auf dem Mac zumindest sichtbar. (Dies spiegelt indirekt die Lücke in der Schriftarten-Rendering-Technologie zwischen den beiden Plattformen wider.)

Für eine wirklich „narrensichere“ Lösung müssen in der Praxis folgende Punkte beachtet werden:

Verwenden Sie UA, um zu bestimmen, welche Schriftarten für verschiedene Plattformen geladen werden sollen.

Sofern es keinen besonderen Grund gibt, versuchen Sie, den Haupttext in Songti zu belassen und verwenden Sie Microsoft YaHei (für Windows) für Titel und andere Stellen, die vergrößert werden können.

Holly funktioniert hervorragend auf dem Mac, war aber vor Mac OS X 10.6 nicht verfügbar. Berücksichtigen Sie daher Ihre Benutzerbasis sorgfältig oder verwenden Sie als Fallback die chinesische Hei-Schriftserie.

Abschließend möchte ich mit niemandem über die Vor- und Nachteile von Schriftarten streiten. Der Zweck dieses Artikels besteht darin, die Verwendung vorzustellen, nicht die Auswahl von Schriftarten. „Schönheit“ oder „Hässlichkeit“ war schon immer eine sehr subjektive Sache. Nur weil ich der Autor bin, kann ich nicht anders, als voreingenommen zu sein. Ich glaube jedoch auch, dass Sie das richtige Urteil haben werden. Es hat keinen praktischen Sinn, mit mir zu streiten.