このWebサイトのフォントは何？

実際のブラウザでページを開き、表示されているすべての文字の計算済みフォント、つまりブラウザが実際にレンダリングしたファミリーと、そのウェイト、サイズを読み取ります。その後、ファミリーごとにまとめ、使われている文字の量で順位付けします。

いいえ。フォントはライセンスのあるソフトウェアで、サイトのライセンスは通常そのサイトでの使用だけを対象としています。Google Fontsにあるファミリーならそこから無料で入手できます。それ以外の場合は、フォントメーカーを調べて、ご自身で使うためのライセンスを購入してください。

入力された1ページだけを読み取り、最大8つのファミリーを表示します。初めての訪問者に表示される文字しか見えないため、ログインが必要な場所の文字、自動化されたブラウザをブロックするページ、画像やSVGで描かれた文字は読み取られず、そのフォントは表示されません。

はい。Google Fonts、Adobe Fonts、サイト独自のサーバーのいずれから配信されていても、ページでレンダリングされたWebフォントはすべて検出します。Googleのフォントは実際の書体でプレビューし、それ以外はフォールバックで表示します。

はい、1要素ずつ確認できます。ChromeやEdgeでは、文字を右クリックして「検証」を選び、「計算済み」タブを「レンダリングされたフォント」までスクロールすると、実際に描画されたフォントがわかります。Firefoxでは、インスペクターの「フォント」パネルに、選択した要素のフォントとページが読み込んだすべてのフォントが表示されます。

このツールはフォントだけを表示します。Design ExtractorのDESIGN.mdには、サイトのカラー、完全なタイプスケール、スペーシング、コンポーネントのルールが、コーディングエージェントが従える1つのファイルにまとめられています。