Welche Schriftart verwendet diese Website?

Er öffnet die Seite in einem echten Browser und liest die berechnete Schrift jedes sichtbaren Textstücks aus: die Familie, die der Browser tatsächlich dargestellt hat, dazu Schriftstärke und Größe. Anschließend werden die Familien gruppiert und danach sortiert, wie viel Text sie setzen.

Nein. Schriften sind lizenzierte Software, und die Lizenz einer Website gilt meist nur für diese Website. Gibt es die Familie bei Google Fonts, bekommst du sie dort kostenlos; ansonsten finde ihre Foundry heraus und kaufe eine Lizenz für deine eigene Nutzung.

Er liest die eine Seite, die du eingibst, und listet bis zu acht Familien auf. Er sieht nur Text, den diese Seite einem neuen Besucher zeigt: Text hinter einem Login, Seiten, die automatisierte Browser blockieren, und Schriftzüge, die als Bilder oder SVG gezeichnet sind, werden nicht gelesen, daher erscheinen ihre Schriften nicht.

Ja. Jede Webfont, die die Seite darstellt, wird erkannt, egal ob sie von Google Fonts, Adobe Fonts oder den eigenen Servern der Website kommt. Google-Schriften werden in ihrer echten Form angezeigt, andere in einer Ersatzschrift.

Ja, jeweils für ein Element. Klicke in Chrome oder Edge mit der rechten Maustaste auf den Text, wähle „Untersuchen“ und scrolle im Tab „Berechnet“ zu „Gerenderte Schriftarten“, wo die tatsächlich gezeichnete Schrift steht. In Firefox listet der Bereich „Schriftarten“ im Inspektor die Schriften des ausgewählten Elements und jede Schrift, die die Seite geladen hat.

Dieses Tool listet nur Schriftarten auf. Eine DESIGN.md von Design Extractor umfasst die Farben, die vollständige Typo-Skala, die Abstände und die Komponentenregeln einer Website, in einer Datei, der dein Coding-Agent folgen kann.