Finde die Schriftarten jeder Website
10 / 10Füge eine URL ein – wir erkennen @font-face, Google Fonts, Adobe Fonts und selbst gehostete Dateien auf der Seite, und du kannst sie herunterladen.
So funktioniert der Schriftarten-Extraktor
Finde heraus, welche Schriftarten eine Website verwendet. Analysiere eine URL, bestimme alle geladenen Schriften und lade die Schriftdateien herunter.
Jede Website analysieren
Gib eine URL ein: Das Tool lädt die Seite in einem Headless-Browser und erkennt jede Schrift, die über CSS, Google Fonts, Adobe Fonts oder selbst gehostete @font-face-Regeln geladen wird.
Schriftarten bestimmen
Sieh dir die vollständige Liste der Schriftfamilien, Schriftstärken und Stile auf der Seite an. Bei jeder Schrift siehst du, woher sie geladen wird und welche CSS-Regeln auf sie verweisen.
Schriftdateien herunterladen
Lade gefundene Webfonts direkt vom Quellserver herunter. Die Dateien werden im Originalformat – WOFF2, WOFF, TTF oder OTF – in ein ZIP gepackt.
Lizenzen respektieren
Der Extraktor zeigt Namen und Quellen der Schriften, damit du sie bestimmen kannst. Prüfe immer die Lizenz, bevor du heruntergeladene Schriften in eigenen Projekten verwendest.
Häufig gestellte Fragen
Das Tool erkennt Schriften, die per CSS geladen werden – @font-face, Google Fonts, Adobe Fonts und andere über CDNs ausgelieferte Schriften. Nicht erkannt werden Schriften, die als Bilder gerendert, in SVG-Pfade eingebettet oder über JavaScript-Rendering-Bibliotheken geladen werden.
Schriftdateien zum Bestimmen herunterzuladen ist in der Regel unproblematisch. Ob du die Schriften in eigenen Projekten verwenden darfst, hängt aber von der Lizenz ab. Viele Webfonts sind nur für bestimmte Domains lizenziert. Prüfe immer die Lizenzbedingungen, bevor du extrahierte Schriften kommerziell nutzt.
Manche Websites laden Schriften per Lazy Loading (erst wenn der Inhalt in den sichtbaren Bereich scrollt), hinter einem Login oder über JavaScript-basierte Font-Loader. In diesen Fällen löst der Headless-Browser den Download der Schrift beim ersten Laden der Seite eventuell nicht aus.
Zu jeder gefundenen Schrift siehst du Familienname, Schriftstärke, Stil (normal oder kursiv), Format (WOFF2, WOFF, TTF), Quell-URL und die CSS-Selektoren, die auf sie verweisen. So verstehst du genau, wie die Website jede Schrift einsetzt.