How to Find What Fonts a Webflow Site Uses
Install the free AssetPullKit Chrome extension then visit any website, open the Fonts tab and your results appear instantly. No DevTools, no code, no account.
Identifying fonts on Webflow sites traditionally requires inspecting individual elements through DevTools, switching between computed styles, and cross-referencing font files: a tedious process when a site uses 10+ typefaces. Designers reverse-engineering Webflow sites or developers auditing typography often waste hours manually documenting font stacks. AssetPullKit's Fonts tab instantly extracts every font used across the entire Webflow site in seconds, displaying font names, weights, and styles in one organized list. No element-by-element clicking required. Whether you're recreating a design, building a competitor analysis, or documenting a client's brand typography, AssetPullKit eliminates the friction of traditional font discovery methods, giving you a complete font inventory immediately.
Step by Step: How to Find What Fonts a Webflow Site Uses
Install AssetPullKit for free
Go to the Chrome Web Store and add AssetPullKit to Chrome. Takes 10 seconds, no account needed.
Install AssetPullKit free →Navigate to any website
Go to the website you want to inspect. AssetPullKit works on any live URL.
Open the Fonts tab
Click the AssetPullKit extension icon in your Chrome toolbar. Switch to the Fonts tab. Results appear instantly.
Copy or download what you need
Use the copy or download buttons next to each result. For colors, click Copy CSS vars to grab the full palette at once.
Tips and What to Look For
Open AssetPullKit on your Webflow site and click the Fonts tab: it automatically scans all loaded typefaces across every page section. Look for both system fonts and custom web fonts (Google Fonts, Typekit, hosted files). Pay attention to font weights and styles listed; Webflow often loads multiple weights for responsive design. Note that fonts loaded conditionally (like fallback fonts) may only appear after interacting with certain elements. Check if a font is self-hosted versus external: this affects licensing and performance. Edge case: Some Webflow interactions load fonts dynamically, so scroll through the page to ensure all fonts are captured before exporting.
Cross-reference Webflow's font settings panel with your AssetPullKit results to verify licensing terms instantly. If a font appears in your extraction but isn't in Webflow's native fonts list, it's likely a custom upload: perfect for identifying premium typefaces used in the design. Export your font list as a quick vendor comparison tool for your own projects.
Who This Guide Is For
Designer, Webflow developer
Frequently Asked Questions
What is the easiest way to Find What Fonts a Webflow Site Uses
The fastest way is to use AssetPullKit, a free Chrome extension that extracts everything in one click without opening DevTools.
Does it work on any website?
Yes. AssetPullKit works on any live website including Framer, Webflow, Shopify, WordPress, Next.js, and more.
Is AssetPullKit free?
Yes, completely free. No account, no subscription, no tracking.
Does it send my data anywhere?
No. All scanning runs inside your browser. No page data ever leaves your machine.
Free to install. Works in seconds.
Install AssetPullKit now and extract Webflow fonts in seconds: no DevTools required.
Add to Chrome, it's free