ウェブデザインスキル：中国語と英語が混在するウェブページの上位表示の問題

<br />私はこの問題で気が狂いそうです。症状は次のとおりです。

症状の説明: Internet Explorer (6、7、8 は試していません) で、中国語と英語が混在し、デフォルトのフォントを使用し、li リストをフロートに使用すると、上記の症状が表示され、テキストが垂直に揃いません。レイアウトの美観に影響します。上の図のような状況になる理由は、中国語と英語のテキストのベースラインが異なるためです。Arial フォントの下端は、Song フォント (どちらもサイズ 12) よりも 1 ピクセル低く、上端は Song フォントよりも 2 ピクセル低くなっています。さらに、英語には i、y もあり、上下のベースラインが異なります。そのため、中国語と英語を混ぜて並べると高さに明らかな差が生じ、レイアウトが不均一になります。拡大画像をご覧ください。

中国語と英語のテキストの両方にSongフォントを使用する

これにより、テキストの位置がずれる問題が解決されますが、Times New Roman はセリフフォントです (Times New Roman は英語のセリフフォントです)。フォントはコンパクトで、細部が多く、一緒に並べると非常に目を引きますが、連続して書くと、認識が困難になり、間違った行を読みやすくなっています。セリフフォントの長所と短所の詳細については、この記事をご覧ください。対照的に、サンセリフフォントは英語を表現する場合、より美しくエレガントです。
解決策 1: 「餃子」の子供の靴の発見。
英語ではTahomaフォントが使用されています – Song、Arial、Tahomaフォントの比較 – ArialとTahomaのサンセリフフォントはより洗練されています

中国語と英語の混在テキストにtahomaフォントを使用する場合

中国語と英語の混合と純粋な中国語の組み合わせの行の高さは一貫していますが、ホバー状態のときに中国語のテキストに下線が付きます。
欠陥: Tahoma フォントを使用する場合、IE6 以前のバージョンでは、すべての中国語フォントリンクの下線がフォントに固定されます。 Taobao もこのソリューションを使用しています。大規模なプロジェクトで、さまざまな人が協力してページモジュールを完成させる場合、統一された仕様の下でフォントをより標準化して位置ずれを減らし、フォントに貼り付けられているように見える下線付きの tahoma フォントを使用することは価値があると思います。
以下は私が友人と一緒に見つけたものです:
英語には Arial フォントが使用され、中国語には Song フォントが使用されます。 <a> タグで line-height:1.231 を指定すると、行の高さが不均等になる問題や、フォントと下線がくっついてしまう問題を解決できます。（大規模な中国語と英語の混植に適用できるかどうかは分かりません。さらなる検証が必要です。）