What font does trello.com use?

The typeface on trello.com is Charlie Text, Charlie Display and Atlassian Sans, loaded across 96 @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 Text

Total weights

@font-face

Source

Mixed

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

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

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

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

Get this font

Atlassian Sans

Commercial

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

Search for Atlassian Sans

Free alternatives if you can't license Atlassian 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

SFMono-Medium

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use SFMono-Medium

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

Get this font

SFMono-Medium

Commercial

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

Search for SFMono-Medium

Free alternatives if you can't license SFMono-Medium

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

How trello.com loads its fonts

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

Check the font on a specific element

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

Open live font inspector for trello.com

Frequently asked questions

What font does trello.com use?

trello.com uses Charlie Text, Charlie Display and Atlassian Sans as its primary typefaces. These fonts are loaded from a self-hosted webfont and an unknown source and applied across 28 CSS rules on the homepage.

Where does trello.com load its fonts from?

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

What weights of Charlie Text does trello.com use?

trello.com loads Charlie Text in 7 weights: 100, 200, 400, 500, 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 trello.com on my website?

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

What font does adobe.com use?What font does fontshare.com use?What font does coursera.org use?What font does weather.com use?What font does vercel.com use?What font does framer.com use?

About this page

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