5月、MicrosoftはWindows XPで利用可能なYAブラックフォントのダウンロードを正式に提供しました。 Yahei Fontは、特にLCDディスプレイ(LCD)で、Song Fontの小さなテキストを認識できない問題を解決するほぼ完璧なフォントです。私は今、ヤヘイに魅了されています。 しかし、以下の問題は、ブラックフォントがインターネットエクスプローラーのWebページレイアウトの表示にいくつかの不整合効果があることです。私が発見した問題は現在、主に2つの側面に存在しています。 1.アンダーラインは、削除された行になることがあります 実際、これは視覚的な不整合であり、英語と中国語が混在している段落では、下線が壊れて不規則になります。 以下は、Google.cnのホームページの中国のテキストハイパーリンクです。 この現象は中国のフォントでのみ発生し、英語のフォントは影響を受けません。 中国語と英語で混合配置がある場合、それはさらに明白になります: 中国語の下線が上向きに移動し、英語が影響を受けていないことがわかります。 2。インターネットエクスプローラーには、ラインの高さに変化があります これは、私のブログに背景画像を備えたハイパーリンクのスクリーンショットです: ソングフォントの下のオリジナルの通常のスタイルを以下に露出させます。つまり、インターネットエクスプローラーではラインの高さが増加しています。しかし、Firefoxでは変わりませんでした。 3。それを解決してみてください Google.cnのスクリーンショットでは、右側の「ログイン」ハイパーリンクが正常であることがわかりました右側の「ログイン」よりも1つのスタイルです。 垂直アライイン:トップ; このプロパティをブロックした後、すべてが順調でした。 3番目の「Meizu Forum」のこのスクリーンショットには、テキストには垂直に並んでいるようには表示されませんが、次の2つの小さな写真があることがわかりました。 垂直アライイン:中央; これら2つの写真を削除した後、すべてが再び正常になりました。 したがって、中国のハイパーリンクで垂直整列を使用すると、すべての要素が垂直アライメント属性を持っているわけではありません)。もちろん、これは問題に正しく対処する良い方法ではありません 私のブログで再現されている問題については、黒いフォントがインターネットエクスプローラーの行の高さを増加させることを示しています(Firefoxは通常の問題を解決するだけですが、高さを制御する必要があります。インライン要素は高さを設定できないため、disaplyに協力する必要があります。ブロックして高さを固定する必要があります(ただし、ブロック属性を設定した後に自動ラインラッピングが発生する可能性があるため、フロートおよびその他の属性を使用する必要があります。組み合わせて)。この方法は上記の問題も解決できることがわかったので、ハイパーリンクの高さを修正する方が良い方法です。 追加のメモ:Windows XPに基づいてデフォルトのフォントを変更しました。 Vistaシステムのテストにまだそのような問題があるかどうかはわかりません。 注:この問題は、インターネットエクスプローラーのさまざまなバージョンに存在し、Firefoxは影響を受けません。