Tools
Welche Schriftart nutzt diese Website?
Gib eine Website-Adresse ein und sieh, welche Schriften sie nutzt: die Familie, woher sie geladen wird, wie sie für Überschriften und Fließtext gesetzt ist, und die nächste freie Alternative auf Google Fonts.
linear.app
vor 4 Tagen gemessen.
:root {
--font-heading: "Inter Variable", "Inter", sans-serif; /* Inter stands in for Inter Variable */
--font-body: "Inter Variable", "Inter", sans-serif; /* Inter stands in for Inter Variable */
--font-mono: "Berkeley Mono", "JetBrains Mono", monospace; /* JetBrains Mono stands in for Berkeley Mono */
--font-size-base: 24px;
}So funktioniert es
Stylepack öffnet die Website in einem echten Browser, misst, was gerendert wird (nicht, was im Stylesheet steht), in vier Breiten und in beiden Themes, und speichert das Ergebnis als Designpaket. Eine bereits gemessene Website antwortet sofort; eine neue braucht unter einer Minute. Jeder Wert auf dieser Seite stammt aus diesem Paket.
Fragen
Wie findet ihr die Schrift einer Website heraus?
Die Website wird in einem echten Browser geöffnet und jeder Textstil so gemessen, wie er gerendert wird: die Familie, die der Browser tatsächlich verwendet hat, ihr Gewicht, ihre Größe, Zeilenhöhe und Laufweite. Eine Schrift, die im CSS deklariert, aber nie geladen wird, taucht nicht auf.
Was, wenn die Schrift nicht frei ist?
Die meisten Markenschriften sind lizenziert. Das Ergebnis nennt die nächste freie Alternative auf Google Fonts, und das CSS setzt sie als Ersatz in den Font-Stack, damit dasselbe Stylesheet mit und ohne die lizenzierte Schrift funktioniert.
Was ist der Unterschied zu einer Browser-Erweiterung?
Eine Erweiterung zeigt dir die Familie unter dem Cursor. Diese Seite misst die ganze Website auf einmal, sortiert die Familien nach Rolle und gibt dir CSS zum Einfügen, dazu das vollständige Designpaket für einen KI-Coding-Agenten.