What font does asana.com use?

The typeface on asana.com is TWK Lausanne, Hiragino Kaku Gothic ProN and Ghost, loaded across 17 @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

TWK Lausanne

Total weights

@font-face

Source

Mixed

TWK Lausanne

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (7)

250Typography sets the voice of a brand

300Typography sets the voice of a brand

350Typography sets the voice of a brand

400Typography sets the voice of a brand

450Typography sets the voice of a brand

500Typography sets the voice of a brand

550Typography sets the voice of a brand

CSS to use TWK Lausanne

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

@font-face source

otfhttps://asana.com/fonts/lausanne/TWKLausanne-250.otf

Similar fonts

InterManropeDM Sans

Used by 197 selectors on the page

Hiragino Kaku Gothic ProN

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (2)

300 400Typography sets the voice of a brand

500Typography sets the voice of a brand

CSS to use Hiragino Kaku Gothic ProN

font-family: 'Hiragino Kaku Gothic ProN', Georgia, 'Times New Roman', serif;

@font-face source

ttfhttps://asana.com/fonts/hiragino-kaku-gothic-pron/Hiragino-Kaku-Gothic-ProN-W3.ttf

Similar fonts

InterManropeDM Sans

Used by 66 selectors on the page

Ghost

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

500Typography sets the voice of a brand

CSS to use Ghost

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

@font-face source

otfhttps://asana.com/fonts/ghost/Ghost-Medium.otf

Similar fonts

InterManropeDM Sans

Used by 0 selectors on the page

haptik

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (2)

200Typography sets the voice of a brand

400Typography sets the voice of a brand

CSS to use haptik

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

@font-face source

woffhttps://asana.com/fonts/haptik/haptik-regular.woff

Similar fonts

InterManropeDM Sans

Used by 0 selectors on the page

pp-editorial

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 pp-editorial

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

@font-face source

woffhttps://asana.com/fonts/pp-editorial-new/PPEditorialNew-Regular.woff

Similar fonts

InterManropeDM Sans

Used by 0 selectors on the page

proxima-nova

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (2)

400Typography sets the voice of a brand

600Typography sets the voice of a brand

CSS to use proxima-nova

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

@font-face source

woffhttps://asana.com/fonts/proxima-nova/proxima-nova-reg.woff

Similar fonts

InterNunito SansSource Sans 3

Used by 0 selectors on the page

Roboto

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

500Typography sets the voice of a brand

CSS to use Roboto

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

@font-face source

ttfhttps://asana.com/fonts/roboto/Roboto-Medium.ttf

Similar fonts

InterDM SansWork Sans

Used by 0 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 asana.com loads its fonts

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

Check the font on a specific element

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

Open live font inspector for asana.com

Frequently asked questions

What font does asana.com use?

asana.com uses TWK Lausanne, Hiragino Kaku Gothic ProN and Ghost as its primary typefaces. These fonts are loaded from a self-hosted webfont and an unknown source and applied across 268 CSS rules on the homepage.

Where does asana.com load its fonts from?

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

What weights of TWK Lausanne does asana.com use?

asana.com loads TWK Lausanne in 10 weights: 200, 250, 300, 300 400, 350, 400, 450, 500, 550, 600. 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 asana.com on my website?

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

What font does lyft.com use?What font does bmw.com use?What font does wise.com use?What font does binance.com use?What font does behance.net use?What font does wikipedia.org use?

About this page

This page lists the fonts loaded by the homepage of asana.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: how to find fonts on a website, name the font on a website, what font does this website use, or free font checker.