Webdesign-Kenntnisse: Hohe Rankingprobleme bei gemischten chinesischen und englischen Webseiten
<br />Ich werde mit diesem Problem im Grunde verrückt. Die Symptome sind wie folgt  Symptombeschreibung: Wenn im Internet Explorer (6, 7 oder 8 habe ich nicht ausprobiert) Chinesisch und Englisch gemischt werden, die Standardschriftart verwendet wird und die Li-Liste für Float verwendet wird, tritt das obige Symptom auf und der Text wird nicht vertikal ausgerichtet. Dies wirkt sich auf die Ästhetik des Layouts aus. Der Grund für die Situation im obigen Bild ist, dass die Grundlinien chinesischer und englischer Texte unterschiedlich sind. Die untere Kante der Schriftart Arial ist ein Pixel niedriger als die der Schriftart Song (beide haben Größe 12) und die obere Kante ist zwei Pixel niedriger als die der Schriftart Song. Darüber hinaus gibt es im Englischen auch i und y, die unterschiedliche obere und untere Grundlinien haben. Wenn Chinesisch und Englisch gemischt und ausgerichtet werden, entsteht daher ein deutlicher Höhenunterschied, der das Layout ungleichmäßig macht. Siehe vergrößertes Bild.  Verwenden Sie die Schriftart Song für chinesischen und englischen Text  Dies kann das Problem falsch ausgerichteter Texte lösen, aber Times New Roman ist eine Serifenschriftart (Times New Roman ist auf Englisch eine Serifenschriftart). Die Schrift ist kompakt und hat viele Details. Sie ist sehr auffällig, wenn sie zusammen angeordnet ist, aber wenn sie kontinuierlich geschrieben wird, kann es leicht zu Erkennungsschwierigkeiten kommen und man liest die falsche Zeile. Weitere Informationen zu den Vor- und Nachteilen von Serifenschriften finden Sie in diesem Artikel. Im Gegensatz dazu sind serifenlose Schriftarten schöner und eleganter, wenn sie zur Darstellung von Englisch verwendet werden. Lösung 1: Die Entdeckung der „Knödel“-Kinderschuhe. Englisch verwendet die Schriftart Tahoma – Vergleich der Schriftarten Song, Arial und Tahoma – Arial und Tahoma Sans Serif-Schriftarten sind feiner  Bei Verwendung von Tahoma-Schriftarten für gemischten chinesischen und englischen Text  Die Zeilenhöhen der gemischten Kombinationen aus Chinesisch und Englisch und rein chinesischem Text sind konsistent, aber die Unterstreichung von a wird an den chinesischen Text angehängt, wenn dieser sich im Schwebezustand befindet. Fehler: Bei Verwendung der Schriftart Tahoma in IE6 und früheren Versionen bleibt die Unterstreichung aller Links zu chinesischen Schriftarten an der Schriftart hängen. Auch Taobao nutzt diese Lösung. Ich bin der Meinung, dass es sich bei großen Projekten, bei denen verschiedene Personen zusammenarbeiten, um ein Seitenmodul fertigzustellen, lohnt, die Schriftart stärker zu standardisieren, Fehlausrichtungen unter einheitlichen Spezifikationen zu reduzieren und die Schriftart Tahoma mit Unterstreichungen zu verwenden, die an der Schriftart festzukleben scheinen. Folgendes habe ich bei meinen Freunden festgestellt : Für Englisch wird die Schriftart Arial und für Chinesisch die Schriftart Song verwendet. Sie können im <a>-Tag „line-height:1.231“ angeben, um das Problem ungleicher Zeilenhöhen und des Aneinanderklebens von Schriftart und Unterstreichung zu lösen. (Ich weiß nicht, ob dies auf einen groß angelegten Mischsatz aus Chinesisch und Englisch anwendbar ist. Dies bedarf weiterer Überprüfung.)  Zusammenfassung: Danke für den Reis, danke für die Knödel, danke für YUI und danke für Taobao! |
<<: MySQL verwendet frm-Dateien und ibd-Dateien, um Tabellendaten wiederherzustellen
>>: Ein Artikel, der Ihnen hilft, die Grundlagen von VUE zu verstehen
Artikel empfehlen
Eine vorläufige Studie zu zusammengesetzten Primärschlüsseln und gemeinsamen Primärschlüsseln in SQL-Anweisungen
1. Zusammengesetzter Primärschlüssel Der sogenann...
Lösen Sie das MySQL 5.7.9 Version sql_mode=only_full_group_by Problem
MySQL 5.7.9 Version sql_mode=only_full_group_by P...
Analyse und Lösungen für Probleme bei der Verwendung von Label-Tags
Ich habe kürzlich bei einer bestimmten Aufgabe das...
Analyse des Prinzips von Vue nextTick
Inhaltsverzeichnis Ereignisschleife miscroTask (M...
Windows verwendet VMware, um eine virtuelle Linux-Maschine zu erstellen und das Betriebssystem CentOS7.2 zu installieren
Inhaltsverzeichnis 1. Folgen Sie dem Assistenten,...
So passen Sie die Höhe eines Divs an die Höhe des Browsers an
Diese alte Frage hat unzählige Frontend-Entwickler...
Detailliertes Tutorial zur Installation der virtuellen Python 3-Umgebung in Ubuntu 20.04
Die folgenden Schritte werden alle auf meiner vir...
Beheben von Problemen mit impliziter MySQL-Konvertierung
1. Problembeschreibung root@mysqldb 22:12: [xucl]...
Perfekte Lösung für das Problem, dass Navicat nach der Installation von MySQL im Docker keine Verbindung herstellen kann
1. Docker zieht das Image Docker Pull MySQL (stan...
So leeren Sie den Cache nach der Verwendung von Keep-Alive in Vue
Was ist Keepalive? Bei der normalen Entwicklung m...
Beispiel zum Anzeigen und Ändern der MySQL-Transaktionsisolationsebene
Überprüfen Sie die Transaktionsisolationsebene In...
Die 10 wichtigsten zeitsparenden Tipps zur Verkürzung der Web-App-Entwicklung (grafisches Tutorial)
In der heutigen Entwicklungsumgebung ist schnell ...
Mysql aktualisiert die Datenbank dynamisch - Skriptbeispiel - Erklärung
Das spezifische upgrade -Skript lautet wie folgt:...
Der Unterschied und die Verwendung von json.stringify() und json.parse()
1. Unterschiede zwischen JSON.stringify() und JSO...
Gängige Methoden der Vue-Komponentenbildung: Übertragung und Kommunikation von Komponentenwerten
Verwandte Wissenspunkte Übergeben von Werten von ...