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

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

ジョン?ヘンショーはこれについて報(bào)告しました：

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

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

それで、私たちはあと約4週間待たなければなりません。 ?imeVidasは、Helveticaフォントを一時(shí)的なソリューションとして一時(shí)的に使用することをお?jiǎng)幛幛筏蓼埂?/p>

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

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

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

 <code>/* 只是一個(gè)猜測(cè)... */ body { font-family: ui-sans-serif, system-ui, -system-ui, -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji"; }</code>

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

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

以上がChrome SystemはSnafuをフォントしますの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。