Im Mai stellte Microsoft die Yahei-Schriftart offiziell zum Download unter Windows XP bereit. Die Schriftart Yahei ist eine nahezu perfekte Schriftart, die das Problem der Unleserlichkeit kleiner Zeichen im Song-Stil löst, insbesondere bei Flüssigkristallanzeigen (LCDs). Nach dem Einschalten des ClearType-Effekts erhalten Sie ein perfekteres visuelles Vergnügen. Ich bin jetzt von Yahei fasziniert. Wenn ich auf das System zurückblicke, das standardmäßig auf Song Dynasty basiert, sind die gezackten Kanten zu offensichtlich und hässlich.
Das damit verbundene Problem besteht jedoch darin, dass Yahei-Schriftarten einige Verzerrungseffekte auf die Anzeige des Webseitenlayouts im Internet Explorer haben. Die Probleme, die ich bisher gefunden habe, bestehen hauptsächlich in zwei Aspekten.
1. Unterstreichungen werden manchmal durchgestrichen.
Tatsächlich handelt es sich hierbei um eine visuelle Fehlausrichtung und nicht um eine echte Durchstreichung. In Absätzen mit gemischtem Englisch und Chinesisch werden die Unterstreichungen unterbrochen und ziemlich unregelmäßig.
Das Folgende ist der chinesische Text-Hyperlink auf der Homepage von google.cn:
Dieses Phänomen tritt nur bei chinesischen Schriftarten auf, englische Schriftarten sind nicht betroffen:
Noch deutlicher wird es, wenn es eine Mischung aus Chinesisch und Englisch gibt:
Es ist ersichtlich, dass die Unterstreichungen überall dort, wo chinesische Schriftzeichen vorhanden sind, nach oben verschoben wurden und die englische Sprache davon nicht betroffen ist.
2. Die Zeilenhöhe ändert sich im Internet Explorer.
Das Folgende ist ein Screenshot eines Hyperlinks mit einem Hintergrundbild in meinem Blog:
Der ursprüngliche normale Stil unter der Schriftart „Song“ wird jetzt unten angezeigt, was zeigt, dass die Zeilenhöhe im Internet Explorer erhöht wurde. Aber in Firefox ändert sich nichts.
3. Versuchen Sie, das Problem zu lösen.
Wir haben festgestellt, dass der Hyperlink „Anmelden“ auf der rechten Seite normal ist. Dies zeigt, dass nicht alle chinesischen Hyperlinks dieses Problem haben. Ich habe festgestellt, dass der Link auf der linken Seite einen zusätzlichen Stil hat als der „Login“ auf der rechten Seite:
Vertical-align:top;
Nachdem ich dieses Attribut blockiert habe, lief alles gut. Im dritten Screenshot aus „Meizu Forum“ habe ich festgestellt, dass „vertikal-align“ zwar nicht im Text vorkommt, dafür aber in den folgenden zwei kleinen Bildern:
„vertikal-align:middle“;
entferne dies. Zwei Bilder später ist alles wieder normal.
Daher ist es sicher, dass es bei der Verwendung von Vertical-Align in chinesischen Hyperlinks zu Problemen kommen wird (nicht jedes Element verfügt über das Vertical-Align-Attribut. Die einfachste Lösung besteht darin, die Verwendung von Vertical-Align oder Valign zu vermeiden oder die Verwendung von Super-Links zu vermeiden). Dies ist natürlich keine gute Möglichkeit, das Problem richtig zu lösen.
Was das in meinem Blog wiedergegebene Problem betrifft, zeigt es lediglich, dass die Schriftart Yahei die Zeilenhöhe im Internet Explorer erhöht (Firefox zeigt dies normal an). Problem, Sie müssen nur die Höhe steuern, aber es ist ein Inline-Element und die Höhe kann nicht festgelegt werden, daher müssen Sie mit disaply:block zusammenarbeiten und dann die Höhe festlegen (nach dem Festlegen des Blockattributs erfolgt jedoch ein automatischer Zeilenumbruch). In diesem Fall müssen Sie float und andere Attribute zusammen verwenden. Ich habe festgestellt, dass diese Methode auch das oben genannte Problem lösen kann, daher wäre es eine bessere Methode, die Höhe des Hyperlinks zu korrigieren.
Zusätzlicher Hinweis: Ich habe die Standardschriftart auf Basis von Windows XP geändert, was zu einigen Problemen führen kann. Es ist für mich schwierig festzustellen, ob die beiden oben aufgeführten Arten von Problemen durch die Yahei-Schriftart selbst oder andere falsche Einstellungen verursacht werden . Ich konnte im Vista-Systemtest nicht herausfinden, ob dieses Problem auch besteht. Wenn jemand die Voraussetzungen hat, kann er beim Testen helfen.
Hinweis: Dieses Problem besteht in allen Versionen von Internet Explorer, Firefox ist nicht betroffen.