What font does coda.io use?

The typeface on coda.io is SuperSans, Inter and Calibre-R, loaded across 58 @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
SuperSans
Total weights
8
@font-face
58
Source
Mixed

SuperSans

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (3)

100 399Typography sets the voice of a brand
400Typography sets the voice of a brand
401 900Typography sets the voice of a brand

CSS to use SuperSans

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

@font-face source

woff2https://cdn.coda.io/assets/4ead26bec276/fonts/SuperSans-VF-Upright.woff2

Similar fonts

InterManropeDM Sans
Used by 5 selectors on the page

Inter

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (5)

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

CSS to use Inter

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

@font-face source

woff2https://cdn.coda.io/fonts/Inter/3.19/Inter-Regular.woff2

Similar fonts

ManropeGeistDM Sans
Used by 2 selectors on the page

Calibre-R

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (5)

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

CSS to use Calibre-R

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

@font-face source

woff2https://cdn.coda.io/fonts/Calibre-R-Bold.woff2

Similar fonts

InterManropeDM Sans
Used by 6 selectors on the page

Calibre R

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Calibre R

font-family: 'Calibre R', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

woff2https://cdn.coda.io/fonts/Calibre-R-Light.woff2

Similar fonts

InterManropeDM Sans
Used by 0 selectors on the page

Hack

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (2)

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

CSS to use Hack

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

@font-face source

woff2https://cdn.coda.io/fonts/hack-regular.woff2

Similar fonts

InterManropeDM Sans
Used by 0 selectors on the page

Source-Serif-Pro

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (4)

400Typography 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

CSS to use Source-Serif-Pro

font-family: Source-Serif-Pro, Georgia, 'Times New Roman', serif;

@font-face source

woff2https://cdn.coda.io/fonts/SourceSerif4-Regular.otf.woff2

Similar fonts

InterManropeDM Sans
Used by 0 selectors on the page

SuperSansMono

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (3)

100 399Typography sets the voice of a brand
400Typography sets the voice of a brand
401 900Typography sets the voice of a brand

CSS to use SuperSansMono

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

@font-face source

woff2https://cdn.coda.io/assets/4ead26bec276/fonts/SuperSansMono-VF.woff2

Similar fonts

InterManropeDM Sans
Used by 0 selectors on the page

SuperSerif

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (3)

100 399Typography sets the voice of a brand
400Typography sets the voice of a brand
401 900Typography sets the voice of a brand

CSS to use SuperSerif

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

@font-face source

woff2https://cdn.coda.io/assets/4ead26bec276/fonts/SuperSerif-VF-Upright.woff2

Similar fonts

InterManropeDM Sans
Used by 0 selectors on the page

Tiempos-Headline

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (4)

300Typography sets the voice of a brand
400Typography sets the voice of a brand
600Typography sets the voice of a brand
700Typography sets the voice of a brand

CSS to use Tiempos-Headline

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

@font-face source

woff2https://cdn.coda.io/fonts/TiemposHeadline-Bold.woff2

Similar fonts

InterManropeDM Sans
Used by 0 selectors on the page

TiemposHeadline

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use TiemposHeadline

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

@font-face source

woff2https://cdn.coda.io/fonts/TiemposHeadline-Light.woff2

Similar fonts

InterManropeDM Sans
Used by 0 selectors on the page

codaicons!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 codaicons!important

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

Similar fonts

InterManropeDM Sans
Used by 2 selectors on the page

Consolas

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Consolas

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

Similar fonts

InterManropeDM Sans
Used by 1 selector on the page

How coda.io loads its fonts

Get Font Info inspected the homepage of coda.io and parsed 1 stylesheet totalling 297.2 KB. Inside those stylesheets we found 58 @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 coda.io to see the exact font, weight, size and line-height for that element.

Open live font inspector for coda.io

Frequently asked questions

What font does coda.io use?

coda.io uses SuperSans, Inter and Calibre-R as its primary typefaces. These fonts are loaded from a self-hosted webfont and an unknown source and applied across 16 CSS rules on the homepage.

Where does coda.io load its fonts from?

coda.io loads its fonts from a self-hosted webfont and an unknown source. Get Font Info detected 58 @font-face declarations across 1 stylesheet on the live page.

What weights of SuperSans does coda.io use?

coda.io loads SuperSans in 8 weights: 100 399, 300, 400, 401 900, 500, 600, 700, 800. 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 coda.io on my website?

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

About this page

This page lists the fonts loaded by the homepage of coda.io. 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.