What font does webflow.com use?

The typeface on webflow.com is WF Visual Sans Variable, WFVisualSans-Mono and Inconsolata, loaded across 11 @font-face declarations. Every font family, weight and source on this page is read straight from the live CSS — no image guessing, no machine learning, just the rules the browser used.

Primary font

WF Visual Sans Variable

Total weights

@font-face

Source

Mixed

WF Visual Sans Variable

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

100 900Typography sets the voice of a brand

CSS to use WF Visual Sans Variable

font-family: 'WF Visual Sans Variable', Georgia, 'Times New Roman', serif;

@font-face source

woff2https://cdn.prod.website-files.com/686294e263eb7e215bd232f7/68c092dccb7bd070430a0910_WFVisualSans%5Bwght%2Copsz%5D.woff2

Get this font

WF Visual Sans Variable

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for WF Visual Sans Variable

Free alternatives if you can't license WF Visual Sans Variable

LoraGoogle Fonts

Workhorse free serif with great screen rendering.

Open

Source Serif 4Google Fonts

Cleaner contemporary alternative.

Open

MerriweatherGoogle Fonts

Heavier sibling for editorial body copy.

Open

Used by 36 selectors on the page

WFVisualSans-Mono

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (8)

200Typography sets the voice of a brand

300Typography sets the voice of a brand

400Typography sets the voice of a brand

500Typography sets the voice of a brand

600Typography sets the voice of a brand

700Typography sets the voice of a brand

800Typography sets the voice of a brand

900Typography sets the voice of a brand

CSS to use WFVisualSans-Mono

font-family: WFVisualSans-Mono, ui-monospace, SFMono-Regular, monospace;

@font-face source

woff2https://dhygzobemt712.cloudfront.net/Fonts/mono/WFVisualSans-ExtraLightMono.woff2

Get this font

WFVisualSans-Mono

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for WFVisualSans-Mono

Free alternatives if you can't license WFVisualSans-Mono

JetBrains MonoGoogle Fonts

Modern free mono tuned for code.

Open

IBM Plex MonoGoogle Fonts

Distinctive alternative with strong personality.

Open

Fira CodeGoogle Fonts

Mono with programmer ligatures.

Open

Used by 1 selector on the page

Inconsolata

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Inconsolata

font-family: Inconsolata, ui-monospace, SFMono-Regular, monospace;

Get this font

Inconsolata

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for Inconsolata

Free alternatives if you can't license Inconsolata

JetBrains MonoGoogle Fonts

Modern free mono tuned for code.

Open

IBM Plex MonoGoogle Fonts

Distinctive alternative with strong personality.

Open

Fira CodeGoogle Fonts

Mono with programmer ligatures.

Open

Used by 1 selector on the page

webflow-icons!important

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use webflow-icons!important

font-family: webflow-icons!important, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

Get this font

webflow-icons!important

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for webflow-icons!important

Free alternatives if you can't license webflow-icons!important

InterGoogle Fonts

Safe, neutral free sans-serif that works in nearly any layout.

Open

ManropeGoogle Fonts

Slightly warmer humanist alternative.

Open

DM SansGoogle Fonts

Cleaner geometric sibling.

Open

Used by 1 selector on the page

WF Visual Sans

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use WF Visual Sans

font-family: 'WF Visual Sans', Georgia, 'Times New Roman', serif;

@font-face source

woff2https://cdn.prod.website-files.com/686294e263eb7e215bd232f7/68c092dccb7bd070430a0910_WFVisualSans%5Bwght%2Copsz%5D.woff2

Get this font

WF Visual Sans

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for WF Visual Sans

Free alternatives if you can't license WF Visual Sans

LoraGoogle Fonts

Workhorse free serif with great screen rendering.

Open

Source Serif 4Google Fonts

Cleaner contemporary alternative.

Open

MerriweatherGoogle Fonts

Heavier sibling for editorial body copy.

Open

Used by 1 selector on the page

Arial

System font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Arial

font-family: Arial, Georgia, 'Times New Roman', serif;

Get this font

Arial

System font

Monotype

Bundled with Windows and macOS.

Get Arial from Monotype

Free alternatives if you can't license Arial

InterGoogle Fonts

Sharper alternative with proper hinting.

Open

DM SansGoogle Fonts

Cleaner geometric feel.

Open

RobotoGoogle Fonts

Familiar substitute on Android.

Open

Used by 1 selector on the page

Helvetica Neue

System font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Helvetica Neue

font-family: 'Helvetica Neue', Georgia, 'Times New Roman', serif;

Get this font

Helvetica Neue

Commercial

Linotype / Monotype

Sold by Monotype. Helvetica Now is the modernised cut.

Get Helvetica Neue from Linotype / Monotype

Free alternatives if you can't license Helvetica Neue

InterGoogle Fonts

Free alternative explicitly tuned for UI.

Open

ManropeGoogle Fonts

Slightly warmer and more modern.

Open

Work SansGoogle Fonts

Neutral grotesque with similar bones.

Open

Used by 1 selector on the page

How webflow.com loads its fonts

Get Font Info inspected the homepage of webflow.com and parsed 4 stylesheets totalling 257.0 KB. Inside those stylesheets we found 11 @font-face declarations — the rules a browser uses to download and register a custom typeface. The primary typefaces are served from mixed, and 45 CSS rules reference them across the page.

Check the font on a specific element

Open the live inspector and hover any text on webflow.com to see the exact font, weight, size and line-height for that element.

Open live font inspector for webflow.com

Frequently asked questions

What font does webflow.com use?

webflow.com uses WF Visual Sans Variable, WFVisualSans-Mono and Inconsolata as its primary typefaces. These fonts are loaded from a self-hosted webfont, an unknown source and the operating system and applied across 45 CSS rules on the homepage.

Where does webflow.com load its fonts from?

webflow.com loads its fonts from a self-hosted webfont, an unknown source and the operating system. Get Font Info detected 11 @font-face declarations across 4 stylesheets on the live page.

What weights of WF Visual Sans Variable does webflow.com use?

webflow.com loads WF Visual Sans Variable in 9 weights: 100 900, 200, 300, 400, 500, 600, 700, 800, 900. If you want to match the look, request the same weights from your font host so you only ship what's actually used.

Can I use the same font as webflow.com on my website?

Yes — once you know the font name, you can load it from the same source. If WF Visual Sans Variable isn't a fit (licensing, weight selection, look-and-feel), close alternatives include Lora, Source Serif 4 and Merriweather. Use the CSS snippet on this page as a starting point.

Is the font on webflow.com free to use?

These fonts are self-hosted webfonts. They may be licensed commercially from a type foundry, custom-made for the brand, or freely available — you would need to identify the typeface and check its license at the foundry.

See fonts used by other sites

Compare the typography on webflow.com with how other well-known sites load and use their fonts.

What font does schwab.com use?What font does designernews.co use?What font does khanacademy.org use?What font does rottentomatoes.com use?What font does stripe.com use?What font does figma.com use?

About this page

This page lists the fonts loaded by the homepage of webflow.com. Get Font Info reads the live CSS — every @font-face rule, every font-family declaration — so you see the exact fonts the browser used, not an image-based guess.

More guides: how to find fonts on a website, name the font on a website, what font does this website use, or free font checker.