notion.com · Captured October 9, 2026
What font does Notion use?NotionInter & Lyon Text
Notion's homepage uses NotionInter for 88.7% of its text, alongside Lyon Text. Captured from notion.com on October 9, 2026. Notion serves NotionInter itself with @font-face. Check the font's licence before using it — self-hosted fonts are often commercial or custom.
Free with an account · Chrome, Edge & Brave · reads a page only when you click
NotionInter
Self-hosted (@font-face) · weights 400, 500, 600, 700
88.7% of text
Lyon Text
Self-hosted (@font-face) · weights 400
11.3% of text
Notion's type scale.
Each text style on the homepage, set in its own size and weight on the page's own copy. Shown in your fallback font if you don't have it installed.
Heading 1
NotionInter · 600
96px / 100px · -4.6px
Where teams and agents together.
Display
NotionInter · 500
72px / 87.12px · -2px
Ship
Heading 2
NotionInter · 700
54px / 56px · -1.87501px
AI where your team works.
Subheading
NotionInter · 600
20px / 28px · -0.125px
→
Quote
Lyon Text · 400
18px / 28px
Using the most AI-native tools like Notion is an important c
Heading 3
NotionInter · 700
16px / 24px
→
Link
NotionInter · 500
16px / 24px
Request a demo
Button
NotionInter · 400
16px / 24px
Pause
Body
NotionInter · 500
14px / 20px
→
The NotionInter font stack.
The exact font-family stack the page sets, as plain CSS and as a Tailwind v4 theme.
body {
font-family: NotionInter, Inter, -apple-system, "system-ui", "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
}@theme {
--font-sans: NotionInter, Inter, -apple-system, "system-ui", "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
--font-display: "Lyon Text", Georgia, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Songti TC", "Songti SC", SimSun, "Nanum Myeongjo", NanumMyeongjo, Batang, serif;
}Captured from notion.com on October 9, 2026 by Xtractly's Design System scanner, at 1440px wide in light mode. Sites change — run the extension on the live page for today's values. Xtractly isn't affiliated with Notion; names and marks belong to their owners.
Questions
What font does Notion use?
Notion's homepage uses NotionInter for 88.7% of its text, alongside Lyon Text. Captured from notion.com on October 9, 2026.
Is NotionInter free?
Notion serves NotionInter itself with @font-face. Check the font's licence before using it — self-hosted fonts are often commercial or custom.
What font size does Notion use?
Its main headings are NotionInter at 96px, weight 600. Body text is NotionInter at 14px with a 20px line height.
How can I find the font on any website?
Install the Xtractly extension, open any page and press Alt+F: it lists every font in use with its source, weights and the full type scale, and copies the CSS to load it.