What font does netlify.com use?

The typeface on netlify.com is Figtree, Instrument Sans and Martian Mono, loaded across 7 @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

Figtree

Total weights

@font-face

Source

Mixed

Figtree

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 Figtree

font-family: Figtree, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

woff2https://www.netlify.com/_astro/Figtree_wght_.DbGe-NNA.woff2

Get this font

Figtree

Commercial

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

Search for Figtree

Free alternatives if you can't license Figtree

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 0 selectors on the page

Instrument Sans

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 Instrument Sans

font-family: 'Instrument Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

woff2https://www.netlify.com/_astro/InstrumentSans_wdth_wght_.tWV223Ma.woff2

Get this font

Instrument Sans

Commercial

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

Search for Instrument Sans

Free alternatives if you can't license Instrument Sans

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 0 selectors on the page

Martian Mono

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (4)

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

CSS to use Martian Mono

font-family: 'Martian Mono', ui-monospace, SFMono-Regular, monospace;

@font-face source

woff2https://www.netlify.com/_astro/MartianMono-Regular.BdLZLV0s.woff2

Get this font

Martian Mono

Commercial

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

Search for Martian Mono

Free alternatives if you can't license Martian 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 0 selectors on the page

YouTube Noto

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use YouTube Noto

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

Get this font

YouTube Noto

Commercial

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

Search for YouTube Noto

Free alternatives if you can't license YouTube Noto

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

How netlify.com loads its fonts

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

Check the font on a specific element

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

Open live font inspector for netlify.com

Frequently asked questions

What font does netlify.com use?

netlify.com uses Figtree, Instrument Sans and Martian Mono as its primary typefaces. These fonts are loaded from a self-hosted webfont and an unknown source and applied across 42 CSS rules on the homepage.

Where does netlify.com load its fonts from?

netlify.com loads its fonts from a self-hosted webfont and an unknown source. Get Font Info detected 7 @font-face declarations across 5 stylesheets on the live page.

What weights of Figtree does netlify.com use?

netlify.com loads Figtree in 5 weights: 100 900, 400, 500, 600, 700. 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 netlify.com on my website?

Yes — once you know the font name, you can load it from the same source. If Figtree isn't a fit (licensing, weight selection, look-and-feel), close alternatives include Inter, Manrope and DM Sans. Use the CSS snippet on this page as a starting point.

Is the font on netlify.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 netlify.com with how other well-known sites load and use their fonts.

What font does vogue.com use?What font does soundcloud.com use?What font does uniqlo.com use?What font does bestbuy.com use?What font does matchesfashion.com use?What font does booking.com use?

About this page

This page lists the fonts loaded by the homepage of netlify.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: discover fonts used on a site, identify a font from a website URL, see what fonts a website uses, or online font checker.