What font does supabase.com use?

The typeface on supabase.com is custom-font, Source Code Pro and Ubuntu, loaded across 4 @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
custom-font
Total weights
2
@font-face
4
Source
Mixed

custom-font

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (2)

400Typography sets the voice of a brand
500Typography sets the voice of a brand

CSS to use custom-font

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

@font-face source

woff2https://frontend-assets.supabase.com/www/87408ed9d952/_next/static/media/CustomFont-Book.54303b32.woff2

Similar fonts

InterManropeDM Sans
Used by 0 selectors on the page

Source Code Pro

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Source Code Pro

font-family: 'Source Code Pro', ui-monospace, SFMono-Regular, monospace;

Similar fonts

InterManropeDM Sans
Used by 4 selectors on the page

Ubuntu

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Ubuntu

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

Similar fonts

InterWork SansRoboto
Used by 4 selectors on the page

Circular

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Circular

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

Similar fonts

InterManropeDM Sans
Used by 1 selector on the page

Office Code Pro

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Office Code Pro

font-family: 'Office Code Pro', ui-monospace, SFMono-Regular, monospace;

Similar fonts

InterManropeDM Sans
Used by 1 selector on the page

Courier New

System font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Courier New

font-family: 'Courier New', ui-monospace, SFMono-Regular, monospace;

Similar fonts

InterManropeDM Sans
Used by 1 selector on the page

How supabase.com loads its fonts

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

Check the font on a specific element

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

Open live font inspector for supabase.com

Frequently asked questions

What font does supabase.com use?

supabase.com uses custom-font, Source Code Pro and Ubuntu as its primary typefaces. These fonts are loaded from a self-hosted webfont, an unknown source and the operating system and applied across 16 CSS rules on the homepage.

Where does supabase.com load its fonts from?

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

What weights of custom-font does supabase.com use?

supabase.com loads custom-font in 2 weights: 400, 500. 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 supabase.com on my website?

Yes — once you know the font name, you can load it from the same source. If custom-font 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 supabase.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 supabase.com with how other well-known sites load and use their fonts.

About this page

This page lists the fonts loaded by the homepage of supabase.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: find the font on any website, identify the typeface on a webpage, check what font a website is using, or URL font checker.