デザイン & CSS · ローカルで実行

CSSフォント表示インベントリ

@font-face ルール内の font-display 戦略を一覧し、省略された読み込み動作をフラグ付けします。

結果

準備完了。作業データはこのブラウザに保存されます。

なぜこのツールが役立つのか

@font-face ルール内の font-display 戦略を棚卸しし、指定されていない読み込み動作を検出する必要があるときは、CSS Font Display Inventory を使用してください。結果は即時に得られ、再利用する前に簡単に確認できます。

CSS Font Display Inventory で求められる値を入力してください。ブラウザーが入力を検証し、計算をローカルで実行し、わかりやすいエラー付きでコピー可能な結果を生成します。

実用的な使い方としては、まず小さなサンプルで CSS Font Display Inventory を実行して出力を確認し、その後で完全な値またはリストを処理します。

計算は決定的であり、無効な入力を静かに変更するのではなく、検証エラーを説明します。

入力と出力はこのタブ内にとどまります。コピーとダウンロードはサーバーアップロードなしでブラウザAPIを通じて行われます。

各実行はツールモード、タイムスタンプ、入出力サイズを報告するため、変換されたデータの監査が可能です。