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
7
@font-face
96
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

Similar fonts

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

Similar fonts

InterManropeDM Sans
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;

Similar fonts

InterManropeDM Sans
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;

Similar fonts

InterManropeDM Sans
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 Inter, Manrope and DM Sans. 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.

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.