webflow.com · Captured October 9, 2026
What font does Webflow use?WF Visual Sans Variable
Webflow's homepage uses WF Visual Sans Variable for 100% of its text. Captured from webflow.com on October 9, 2026. Webflow serves WF Visual Sans Variable itself with @font-face. Check the font's licence before using it — self-hosted fonts are often commercial or custom.
Free with an account · Chrome, Edge & Brave · reads a page only when you click
WF Visual Sans Variable
Self-hosted (@font-face) · weights 400, 500, 550, 600
100% of text
Webflow's type scale.
Each text style on the homepage, set in its own size and weight on the page's own copy. Shown in your fallback font if you don't have it installed.
Heading 1
WF Visual Sans Variable · 600
80px / 83.2px · -0.8px
#MadeinWebflow
Heading 2
WF Visual Sans Variable · 600
56px / 58.24px
Turn your website into a growth engine
Heading 3
WF Visual Sans Variable · 600
32px / 38.4px
67%
Body
WF Visual Sans Variable · 400
20px / 30px
“With Webflow, we’re not just keeping up, we’re setting the
Link
WF Visual Sans Variable · 500
16px / 19.177px · -0.159808px
Source
Label
WF Visual Sans Variable · 550
14.4px / 17.28px
Title
Caption
WF Visual Sans Variable · 400
14px / 22.4px
by
The WF Visual Sans Variable font stack.
The exact font-family stack the page sets, as plain CSS and as a Tailwind v4 theme.
body {
font-family: "WF Visual Sans Variable", Arial, sans-serif;
}@theme {
--font-sans: "WF Visual Sans Variable", Arial, sans-serif;
}Captured from webflow.com on October 9, 2026 by Xtractly's Design System scanner, at 1440px wide in light mode. Sites change — run the extension on the live page for today's values. Xtractly isn't affiliated with Webflow; names and marks belong to their owners.
Questions
What font does Webflow use?
Webflow's homepage uses WF Visual Sans Variable for 100% of its text. Captured from webflow.com on October 9, 2026.
Is WF Visual Sans Variable free?
Webflow serves WF Visual Sans Variable itself with @font-face. Check the font's licence before using it — self-hosted fonts are often commercial or custom.
What font size does Webflow use?
Its main headings are WF Visual Sans Variable at 80px, weight 600. Body text is WF Visual Sans Variable at 20px with a 30px line height.
How can I find the font on any website?
Install the Xtractly extension, open any page and press Alt+F: it lists every font in use with its source, weights and the full type scale, and copies the CSS to load it.