Schriftarten für chinesische Websites: Eine Übersicht
Die Erstellung chinesischer Schriftarten ist eine mühsame Aufgabe, wie ein Artikel von QZ illustriert. Auch für Websites, die Chinesisch verwenden – wie unser Tasty Mantou Blog – ist die Auswahl geeigneter Schriftarten eine echte Herausforderung. Früher war es sogar so, dass chinesische Schriftarten oft nicht standardmäßig im Betriebssystem enthalten waren, was zu langen Anleitungen und leeren Kästchen anstelle von Zeichen führte. Glücklicherweise bieten moderne Betriebssysteme heute eine gute Unterstützung für die chinesische Sprache, inklusive Schriftarten.
Bei Tasty Mantou legen wir Wert auf schöne Typografie, aber die Benutzerfreundlichkeit und Lesbarkeit stehen für uns an erster Stelle. Aus diesem Grund bevorzugen wir moderne, serifenlose Schriftarten wie Pingfang, YaHei und Heiti. Diese Schriftarten sind einfacher zu erkennen als traditionelle kalligraphische Stile wie Songti oder Mingti. Obwohl wir die Ästhetik klassischer Schriftarten schätzen – Kaiti ist meine persönliche Favoritin – erkennen wir, dass sie die Erkennbarkeit chinesischer Zeichen in kleineren Größen, beispielsweise auf mobilen Geräten, erschweren.
Wir wenden bei Tasty Mantou bewährte Verfahren an, wie z. B. das Taggen aller chinesischen Texte und Pinyin-Texte. Wir wählen die entsprechenden Schriftarten basierend auf dem Betriebssystem und den Spracheinstellungen des Benutzers (einschließlich traditionelles oder vereinfachtes Chinesisch) aus. Für ältere Systeme stellen wir Fallback-Schriftarten bereit, falls unsere bevorzugte Schriftart nicht verfügbar ist. Angesichts der Vielzahl an Betriebssystemen und Schriftarten kann dies sehr komplex sein.
Hier ist ein Beispiel für das CSS-Styling, das wir verwenden, um chinesische Schriftarten anzuzeigen. Diese Stile definieren die Schriftfamilie für vereinfachtes und traditionelles Chinesisch. Die Liste umfasst mehrere Schriftarten als Fallback, um die bestmögliche Darstellung zu gewährleisten, unabhängig vom System des Benutzers. Helvetica und Arial dienen als erste Wahl, gefolgt von spezifischen chinesischen Schriftarten.
/* Vereinfachtes Chinesisch */ .zhs {font-family: Helvetica, Arial, "微软雅黑", "正黑体", SimHei, SimSun, "Pingfang SC", "Heiti SC", STHeiti, STSong, Hei, "Droid Sans Fallback", "Arial Unicode MS", "隶书", "宋体", "WenQuanYi Micro Hei", "文泉驿微米黑", "AR PL UKai CN";} /* Traditionelles Chinesisch */ .zht {font-family: Helvetica, Arial, "微软雅黑", "正黑体", SimHei, SimSun, "Pingfang TC","Heiti TC", "LiSong Hei", "Droid Sans Fallback", PMingLiU, MingLiU, "新细明体", "细明体", "WenQuanYi Micro Hei", "文泉驿微米黑", "AR PL UKai TW MBE";} Die Verwendung von Webfonts ist ein zweischneidiges Schwert. Theoretisch bieten sie Vorteile wie Konsistenz über verschiedene Betriebssysteme und Geräte hinweg. Oft sind sie auch ansprechender als die vom Betriebssystem bereitgestellten Schriftarten. Allerdings sind wir bei Tasty Mantou noch nicht bereit, Webfonts einzusetzen. Das Laden von Webfonts ist noch nicht perfektioniert: entweder zögert die Seite, bis die Schriftart geladen ist, oder der Benutzer starrt auf eine leere Seite. Eine Webfont würde unsere Seitenlast von ca. 300 KB auf 5-20 MB erhöhen, was zu groß ist und nicht gecached werden würde.
Die Größe einer Webfont ist ein erhebliches Problem, da sie nicht im Cache gespeichert wird und bei jedem Seitenaufruf neu geladen werden müsste. Zusätzlich sind chinesische Webfonts teuer. Da Tasty Mantou eine kostenlose Website ist, ist der Preis für uns nicht tragbar. Die Anpassung der Zeichenauswahl, um die Dateigröße zu reduzieren, wäre ebenfalls mit erheblichem Aufwand verbunden.
Typografie ist besonders für eine komplexe Sprache wie Chinesisch wichtig. Deshalb habe ich mich intensiv mit der Lesbarkeit von Schriftarten auseinandergesetzt und den aufwändigen Prozess des Taggens aller unserer chinesischen Texte durchgeführt, um Tonfarben und andere Funktionen hinzufügen zu können. Hier sind einige nützliche Ressourcen für weitere Informationen über chinesische Schriftarten:
Sind Sie der Inhaber?
Schlagen Sie eine Änderung vor. Wir prüfen sie vor der Veröffentlichung.