Chrome SystemはSnafuをフォントします

昨年の終わりには、少なくともMacシステム（他のプラットフォームの状況は不明です）では、Chromeブラウザでバグが発生しました。システムフォントは小さなサイズで薄すぎ、単語間隔はきつすぎます。大きいサイズでは、厚すぎて、間隔が広すぎるように見えます。幸いなことに、問題は修正されています。ただし、問題が存在する期間中に、システムフォントをあきらめ、他のフォントに切り替えました。パフォーマンスはわずかに低下しましたが、視覚効果は改善されました。

これで、より深刻な問題が発生しました。システムフォントを太字にすることはできません。多くのWebサイトが2つの大きな利点があるため、システムフォントスタックを使用しているため、これは非常に悪いことです。1）Webサイトがオペレーティングシステムと一致するようになるのに役立ちます。 2）ウェブサイトはカスタムフォントをダウンロードして表示する必要がないため、優れたパフォーマンスがあります。

ジョン・ヘンショーはこれについて報告しました：

...このバグは、Visbugの開発者であり、GoogleのChrome CSS開発者の伝道者であるAdam Argyleの注目を集めました。 ArgyleはChromium Bugレポートを作成しましたが、Chromium開発チームは最終的にバージョン81のリリースを妨げないことを決定しました。これにより、Coywolfのようなサイトは16pxを超えるフォントに太字のテキストを使用できません（タイトルあたりなど）。

Chromiumチームはバージョン82のスキップを発表し、5月中旬にバージョン83をリリースする予定であるため、バグはバージョン82で修正されません。Argyleは、Githubの最初のバグレポートの全員がバージョン83で修正されることを保証しました。

それで、私たちはあと約4週間待たなければなりません。 šimeVidasは、Helveticaフォントを一時的なソリューションとして一時的に使用することをお勧めします。

 <code>body { font-family: -apple-system, Helvetica; }</code>

Chrome/MacOの古いバージョンは、 -apple-systemが含まれているため、システムフォントの恩恵を受ける可能性があると思いますか？よくわからない。

これは私を少し混乱させました。システムフォントスタックの使用について最初に聞いたとき、 -apple-systemとBlinkMacSystemFontがあり、この順序でフォントスタックでそれらを使用する必要があります。次に、 -system-uiがあります。これは単独でうまく機能しているようです。これは、Macシステムにあまり依存しすぎないことは明らかです。しかし、 system-ui （スタートダッシュなし）もありますが、これは同じことをしているようですが、どちらが正しいかわかりません。計画はui-sans-serifとその関連フォント（ ui-serifやui-monospaceなど）のようです。私はこのアイデアが気に入っていますが、推奨される使用に関するブラウザベンダーから明確な指示を取得したいと考えています。私たちはこの状況にありますか？

 <code>/* 只是一个猜测... */ body { font-family: ui-sans-serif, system-ui, -system-ui, -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji"; }</code>

私のもう1つの観察結果は...このバグをChrome 81にコピーしようとすると、最初は「奇妙に、システムで正常に動作する」と思っていました。フォントサイズが20px以上の場合、問題が発生することに気付きました。

Bramusは別のソリューションを提案しています：インターフォントを使用します。

以上がChrome SystemはSnafuをフォントしますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。