What font does bitbucket.org use?

The typeface on bitbucket.org is Charlie Display, Charlie Text and Circular, loaded across 94 @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

Charlie Display

Total weights

@font-face

Source

Custom web font

Charlie Display

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (7)

100Typography sets the voice of a brand

200Typography sets the voice of a brand

400Typography sets the voice of a brand

500Typography 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 Charlie Display

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

@font-face source

woff2https://assets.ctfassets.net/rz1oowkt5gyp/6EnDcOBYnO67MYVJcpQLUc/85d36587de9855f3cd9f4e23f2119cf8/Charlie_Display-Thin.woff2

Get this font

Charlie Display

Commercial

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

Search for Charlie Display

Free alternatives if you can't license Charlie Display

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

Charlie Text

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (6)

100Typography sets the voice of a brand

200Typography sets the voice of a brand

400Typography sets the voice of a brand

500Typography sets the voice of a brand

700Typography sets the voice of a brand

800Typography sets the voice of a brand

CSS to use Charlie Text

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

@font-face source

woff2https://assets.ctfassets.net/rz1oowkt5gyp/1vzZOZUcRsW8G3dlrVRc9E/6b8b429a3a35eeda98227874727af9ef/Charlie_Text-Thin.woff2

Get this font

Charlie Text

Commercial

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

Search for Charlie Text

Free alternatives if you can't license Charlie Text

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

Circular

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (4)

500Typography sets the voice of a brand

600Typography sets the voice of a brand

800Typography sets the voice of a brand

normalTypography sets the voice of a brand

CSS to use Circular

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

@font-face source

eothttps://wac-cdn.atlassian.com/static/master/11106/assets/build/fonts/circular/lineto-circular-book-c.eot

Get this font

Circular

Commercial

Lineto

Sold by Lineto. Used by Spotify, Airbnb, Patagonia.

Get Circular from Lineto

Free alternatives if you can't license Circular

InterGoogle Fonts

Best free swap for Circular's geometric vibe.

Open

ManropeGoogle Fonts

Softer humanist alternative.

Open

DM SansGoogle Fonts

Cleaner mechanical sibling.

Open

Used by 0 selectors on the page

How bitbucket.org loads its fonts

Get Font Info inspected the homepage of bitbucket.org and parsed 1 stylesheet totalling 350.4 KB. Inside those stylesheets we found 94 @font-face declarations — the rules a browser uses to download and register a custom typeface. The primary typefaces are served from custom web font, and 8 CSS rules reference them across the page.

Check the font on a specific element

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

Open live font inspector for bitbucket.org

Frequently asked questions

What font does bitbucket.org use?

bitbucket.org uses Charlie Display, Charlie Text and Circular as its primary typefaces. These fonts are loaded from a self-hosted webfont and applied across 8 CSS rules on the homepage.

Where does bitbucket.org load its fonts from?

bitbucket.org loads its fonts from a self-hosted webfont. Get Font Info detected 94 @font-face declarations across 1 stylesheet on the live page.

What weights of Charlie Display does bitbucket.org use?

bitbucket.org loads Charlie Display in 9 weights: 100, 200, 400, 500, 600, 700, 800, 900, normal. 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 bitbucket.org on my website?

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

What font does gitlab.com use?What font does wordpress.com use?What font does vuejs.org use?What font does deno.com use?What font does docker.com use?What font does fly.io use?

About this page

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