Webテキストフォントをエレガントに設定[オリジナル]_html/css_WEB-ITnose

マイクロソフトの

詳細ビュー: https://www.modern.ie/en-us/ie6countdown#list

XP は 10 年以上にわたって皆様に提供されており、非常に古いものであり、Microsoft も発表しています。 XP のサポートを終了することは良いことですが、その後、さまざまな国内メーカーが XP ユーザーに対する「シェルフ保護」のサポートを提供し続けると発表しました。これは良いことだと言わざるを得ません。日々 IE6 との互換性を扱っている WEB フロントエンドにとって、それは本当に良いことではありません。

これは、中国のほとんどの中国語 Web サイトのデフォルト フォントが「Song Ti」であるという事実につながります。ただし、「Song Ti」は、Windows Vista+ では「Microsoft Yahei」ほど太くシャープではありません。画像をご覧ください。以下:

では、「Microsoft Yahei」を優先してみてはいかがでしょうか。それはコードの一部です。

1	font-family : 'Microsoft Yahei' ,'宋体'...

この文で問題は解決しないでしょうか?最初は私もそう思いました。デフォルトで「Microsoft Yahei」フォントが付属している Vista+ ユーザーには、Web ページ上のテキスト レンダリング効果が向上し、デフォルトで「Songti」が付属している XP ユーザーには、自然に Web ページの Songti バージョンが表示されます。 。完璧に見えますね。それでは、比較画像を見てみましょう:

XP では、左が Song Princess、右が Microsoft Yahei です。

XP での Song フォントの表示効果は、Microsoft Yahei の表示効果よりも鮮明で均一です。他のブラウザの表示効果も非常に貧弱です。上記の計画は明らかに失敗したことがわかります。これはテストに使用したものであると主張するかもしれません。XP にはデフォルトで Microsoft Yahei が含まれていないため、無視して構いません。はい、しかし、それらのほとんどは中国の海賊版です。オンラインで確認したところ、さまざまなメーカーの XP Ghost バージョンは、ユーザーのために Microsoft Yahei をインストールしました。もちろん、メーカーの金儲けソフトウェア、Web サイトのナビゲーションなどが構築されている必要があります。一部のデザインと同様に、自分でインストールする必要があるため、この方法は実際にはブロックされています。

それではデフォルトで宋王朝を設定し、XP が完全に消える日を待ちましょう。

いいえ、分析しましょう。XP ではデフォルトの IE6 が最も使用されており、IE8 から IE6 に特化したスタイルを作成するのは簡単です。

「font-family: sans-serif;」の下の表示を見てください

font-family : sans-serif ;

システムの下で他のブラウザを使用している人にとっては問題ありません。

XP システム IE6 の表示:

すごいですね、中国語と英語が表示されているときに左側に英語の表示が表示されます混ざるとさらに綺麗です。 (右側の固定フォントで中国語と英語が混在した表示は少し見苦しいです)

Win8 システム IE11 表示:

左右の表示は一貫しており、システムのデフォルト フォント Microsoft Yahei で表示されます。

Win8 システムオペラでは:

これは満足のいくものではありません。この状況は、FirefoxChrome などの他のサードパーティのブラウザでも発生します。

OS下

さまざまなシステムやデバイスのディスプレイ スクリーンショットをオンラインで表示したい場合は、Microsoft の公式製品 (さまざまな OS、さまざまな携帯電話、パッド デバイスで表示されるスクリーンショットを含む) にアクセスできます:

https://modern.ie/ zh-cn /screenshots

要約すると、上記の方法はまだ十分ではありませんが、最新の Windows システムでは、サードパーティのブラウザは依然として Song フォントで表示されます。 (各ブラウザのデフォルトのスタイル) フォント定義)、そのため、最終結果は非常に非推奨になります。

しかし、中国語と英語が混在している場合は、

font-family: sans-serif

を使用できることを偶然発見しました。これは間違いなく良い選択です。