@font-face を使用して、ユーザーのシステムにすでにインストールされているフォントをブラウザがダウンロードできないようにするにはどうすればよいですか?

@font-face src: local - ローカル フォントの使用を確保する

この質問は、ブラウザーが次のようなフォントをダウンロードするのを防ぐ方法の問題を扱います。 @font-face ルールを使用する場合、ユーザーのシステムにすでにインストールされています。

質問で提供されている CSS は、Font Squirrel が推奨する構文を使用しています。ただし、この問題は Chromium でも依然として発生しており、ブラウザ固有の問題であることが示唆されています。

解決策は、「local()」キーワードを利用してローカル フォント ファイルを優先することです。以下に示すように src プロパティを変更すると、ブラウザはまずローカル システムからフォントをロードしようとします:

src: local('DejaVu Serif'), url('DejaVuSerif-webfont.woff') format('woff'), url('DejaVuSerif-webfont.ttf') format('truetype'), url('DejaVuSerif-webfont.svg#webfontCFu7RF0I') format('svg');

この変更されたコードでは、'local('DejaVu Serif')' により Chromium がチェックすることを保証します。 Web からダウンロードする前に、ユーザーのシステムにインストールされている DejaVu Serif フォントを使用します。

このアプローチでは、ブラウザーがローカル コピーを使用できる場合はそれを使用するため、最適なフォントの読み込みが保証され、不必要なダウンロードが回避され、ページの負荷が軽減されます。時間です。

以上が@font-face を使用して、ユーザーのシステムにすでにインストールされているフォントをブラウザがダウンロードできないようにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。