Get Font Info

What font does notion.so use?

The typeface on notion.so is iA Writer Mono, Lyon Text and NotionInter, loaded across 70 @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
iA Writer Mono
Total weights
5
@font-face
70
Source
Mixed

iA Writer Mono

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 iA Writer Mono

font-family: 'iA Writer Mono', ui-monospace, SFMono-Regular, monospace;

@font-face source

woff2https://www.notion.com/_next/static/media/iAWriterMonoS-Regular.1tzvrla_jnz37.woff2

Get this font

iA Writer Mono
Commercial

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

Search for iA Writer Mono

Free alternatives if you can't license iA Writer Mono

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

Lyon Text

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 Lyon Text

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

@font-face source

woff2https://www.notion.com/_next/static/media/LyonText-Regular-Web.0v5-4d-mnyixl.woff2

Get this font

Lyon Text
Commercial

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

Search for Lyon Text

Free alternatives if you can't license Lyon Text

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

NotionInter

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (4)

400Typography sets the voice of a brand
500Typography sets the voice of a brand
600Typography sets the voice of a brand
700Typography sets the voice of a brand

CSS to use NotionInter

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

@font-face source

woff2https://www.notion.com/front-static/fonts/NotionInter-Regular.woff2

Get this font

NotionInter
Commercial

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

Search for NotionInter

Free alternatives if you can't license NotionInter

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

Noto Sans Arabic

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

100 900Typography sets the voice of a brand

CSS to use Noto Sans Arabic

font-family: 'Noto Sans Arabic', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

woff2https://www.notion.com/front-static/fonts/noto-sans-arabic.woff2

Get this font

Noto Sans
Open source
Google

Free pan-script family on Google Fonts.

Get Noto Sans from Google

Free alternatives if you can't license Noto Sans Arabic

InterGoogle Fonts

Better UI hinting for Latin scripts.

Open
Source Sans 3Google Fonts

Free alternative with similar coverage.

Open
IBM Plex SansGoogle Fonts

Distinctive but equally legible.

Open
Used by 0 selectors on the page

Noto Sans Hebrew

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

100 900Typography sets the voice of a brand

CSS to use Noto Sans Hebrew

font-family: 'Noto Sans Hebrew', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

woff2https://www.notion.com/front-static/fonts/noto-sans-hebrew.woff2

Get this font

Noto Sans
Open source
Google

Free pan-script family on Google Fonts.

Get Noto Sans from Google

Free alternatives if you can't license Noto Sans Hebrew

InterGoogle Fonts

Better UI hinting for Latin scripts.

Open
Source Sans 3Google Fonts

Free alternative with similar coverage.

Open
IBM Plex SansGoogle Fonts

Distinctive but equally legible.

Open
Used by 0 selectors on the page

Permanent Marker

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 Permanent Marker

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

@font-face source

woffhttps://www.notion.com/_next/static/media/permanent-marker.2w80xws-no70m.woff

Get this font

Permanent Marker
Commercial

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

Search for Permanent Marker

Free alternatives if you can't license Permanent Marker

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

SF Pro

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use SF Pro

font-family: 'SF Pro', Georgia, 'Times New Roman', serif;

Get this font

SF Pro
System font
Apple

Apple's system font. Free for use in Apple platform UIs (see Apple's licence).

Get SF Pro from Apple

Free alternatives if you can't license SF Pro

InterGoogle Fonts

Designed explicitly as a free SF Pro substitute for the web.

Open
GeistOpen source

Open-source grotesque tuned for digital product UI like SF.

ManropeGoogle Fonts

Similar humanist warmth and tight optical sizes.

Open
Used by 3 selectors on the page

iawriter-mono

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use iawriter-mono

font-family: iawriter-mono, ui-monospace, SFMono-Regular, monospace;

Get this font

iawriter-mono
Commercial

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

Search for iawriter-mono

Free alternatives if you can't license iawriter-mono

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

Lyon-Text

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Lyon-Text

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

Get this font

Lyon-Text
Commercial

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

Search for Lyon-Text

Free alternatives if you can't license Lyon-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 2 selectors on the page

Roboto

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Roboto

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

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

SF Pro Rounded

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use SF Pro Rounded

font-family: 'SF Pro Rounded', Georgia, 'Times New Roman', serif;

Get this font

SF Pro
System font
Apple

Apple's system font. Free for use in Apple platform UIs (see Apple's licence).

Get SF Pro from Apple

Free alternatives if you can't license SF Pro Rounded

InterGoogle Fonts

Designed explicitly as a free SF Pro substitute for the web.

Open
GeistOpen source

Open-source grotesque tuned for digital product UI like SF.

ManropeGoogle Fonts

Similar humanist warmth and tight optical sizes.

Open
Used by 1 selector on the page

How notion.so loads its fonts

Get Font Info inspected the homepage of notion.so and parsed 17 stylesheets totalling 1.54 MB. Inside those stylesheets we found 70 @font-face declarations — the rules a browser uses to download and register a custom typeface. The primary typefaces are served from mixed, and 38 CSS rules reference them across the page.

Check the font on a specific element

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

Open live font inspector for notion.so

Frequently asked questions

What font does notion.so use?

notion.so uses iA Writer Mono, Lyon Text and NotionInter as its primary typefaces. These fonts are loaded from a self-hosted webfont and an unknown source and applied across 38 CSS rules on the homepage.

Where does notion.so load its fonts from?

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

What weights of iA Writer Mono does notion.so use?

notion.so loads iA Writer Mono in 5 weights: 100 900, 400, 500, 600, 700. 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 notion.so on my website?

Yes — once you know the font name, you can load it from the same source. If iA Writer Mono isn't a fit (licensing, weight selection, look-and-feel), close alternatives include JetBrains Mono, IBM Plex Mono and Fira Code. Use the CSS snippet on this page as a starting point.

Is the font on notion.so 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 notion.so with how other well-known sites load and use their fonts.

What font does wise.com use?What font does binance.com use?What font does behance.net use?What font does wikipedia.org use?What font does duolingo.com use?What font does nfl.com use?

About this page

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