cal.com · Captured October 9, 2026
What font does Cal.com use?Cal Sans UI Variable Light & Cal Sans
Cal.com's homepage uses Cal Sans UI Variable Light for 58.6% of its text, alongside Cal Sans. Captured from cal.com on October 9, 2026. Cal.com serves Cal Sans UI Variable Light 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
Cal Sans UI Variable Light
Self-hosted (@font-face) · weights 300
58.6% of text
Cal Sans
Self-hosted (@font-face) · weights 600
33.7% of text
Matter Regular
Self-hosted (@font-face) · weights 400
3.2% of text
Matter Medium
Self-hosted (@font-face) · weights 400
2.3% of text
Inter
Self-hosted (@font-face) · weights 400, 500, 600
1.2% of text
Matter SemiBold
Self-hosted (@font-face) · weights 400
1% of text
Cal.com'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
Cal Sans · 600
64px / 70.4px
The better way to schedule your meetings
Heading 2
Cal Sans · 600
48px / 52.8px
…and so much more!
Body
Cal Sans UI Variable Light · 300
16px / 24px
FAQ
Heading 3
Matter SemiBold · 400
14px / 18.2px
Easy embeds
The Cal Sans UI Variable Light font stack.
The exact font-family stack the page sets, as plain CSS and as a Tailwind v4 theme.
body {
font-family: "Cal Sans UI Variable Light", "Cal Sans UI Variable Light Placeholder", sans-serif;
}@theme {
--font-sans: "Cal Sans UI Variable Light", "Cal Sans UI Variable Light Placeholder", sans-serif;
--font-display: "Cal Sans", "Cal Sans Placeholder", sans-serif;
}Captured from cal.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 Cal.com; names and marks belong to their owners.
Questions
What font does Cal.com use?
Cal.com's homepage uses Cal Sans UI Variable Light for 58.6% of its text, alongside Cal Sans. Captured from cal.com on October 9, 2026.
Is Cal Sans UI Variable Light free?
Cal.com serves Cal Sans UI Variable Light itself with @font-face. Check the font's licence before using it — self-hosted fonts are often commercial or custom.
What font size does Cal.com use?
Its main headings are Cal Sans at 64px, weight 600. Body text is Cal Sans UI Variable Light at 16px with a 24px 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.