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

Get this font

TWK Lausanne

Commercial

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

Search for TWK Lausanne

Free alternatives if you can't license TWK Lausanne

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 117 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

Get this font

Hiragino Kaku Gothic ProN

Commercial

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

Search for Hiragino Kaku Gothic ProN

Free alternatives if you can't license Hiragino Kaku Gothic ProN

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 81 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, Georgia, 'Times New Roman', serif;

@font-face source

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

Get this font

Ghost

Commercial

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

Search for Ghost

Free alternatives if you can't license Ghost

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

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

Get this font

haptik

Commercial

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

Search for haptik

Free alternatives if you can't license haptik

InterGoogle Fonts

Safe, neutral free sans-serif that works in nearly any layout.

Open

ManropeGoogle Fonts

Slightly warmer humanist alternative.

Open

DM SansGoogle Fonts

Cleaner geometric sibling.

Open

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

Get this font

pp-editorial

Commercial

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

Search for pp-editorial

Free alternatives if you can't license pp-editorial

InterGoogle Fonts

Safe, neutral free sans-serif that works in nearly any layout.

Open

ManropeGoogle Fonts

Slightly warmer humanist alternative.

Open

DM SansGoogle Fonts

Cleaner geometric sibling.

Open

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

Get this font

proxima-nova

Commercial

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

Search for proxima-nova

Free alternatives if you can't license proxima-nova

InterGoogle Fonts

Comparable neutral humanist feel.

Open

Nunito SansGoogle Fonts

Softer with similar proportions.

Open

Source Sans 3Google Fonts

Free open-source equivalent.

Open

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

Get this font

Roboto

Open source

Google (Christian Robertson)

Free on Google Fonts under Apache 2.0.

Get Roboto from Google (Christian Robertson)

Free alternatives if you can't license Roboto

InterGoogle Fonts

Wider apertures and better hinting for product UI.

Open

DM SansGoogle Fonts

Similar mechanical feel with cleaner curves.

Open

Work SansGoogle Fonts

Open-source grotesque with a near-identical x-height.

Open

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;

Get this font

Consolas

Commercial

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

Search for Consolas

Free alternatives if you can't license Consolas

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

Get Font Info inspected the homepage of asana.com and parsed 4 stylesheets totalling 686.0 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 204 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 204 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 4 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 Lora, Source Serif 4 and Merriweather. 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 newbalance.com use?What font does costco.com use?What font does net-a-porter.com use?What font does airbnb.com use?What font does hilton.com use?What font does lucidmotors.com 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.