web-dev-qa-db-ja.com

インスペクタでchrome=によってロードされたフォントファイルを表示するには?

chromeインスペクターのどのタブがfont-faceを介して読み込んでいるフォントファイルを表示しますか?リソースの下で見つけることができません。フォントファミリファイルの1つのグループで問題が発生しています。 URLに直接アクセスして実際に存在することを確認しましたが、インスペクターを見て、1つのフォントファミリをロードしているが、他のフォントファミリはロードしていないことを確認したいと思います。 。これはクロムで可能ですか?

35
o_O

[ネットワーク]タブを使用して、ダウンロードしたWebフォントを表示できます。

Google Chrome Network tab showing downloaded web fonts

42
Adrift

また、要素パネルで任意のテキストノードを選択し、 計算済みスタイル タブの下部を見て、その要素に対してどのフォントがレンダリングされるかを確認することもできます。

Google Chrome styles tab showing computed rendered fonts

28
cfg