slack.com · Captured October 9, 2026
What font does Slack use?Salesforce-Avant-Garde & Salesforce-Sans
Slack's homepage uses Salesforce-Avant-Garde for 56% of its text, alongside Salesforce-Sans. Captured from slack.com on October 9, 2026. Slack serves Salesforce-Avant-Garde 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
Salesforce-Avant-Garde
Self-hosted (@font-face) · weights 400, 600, 700
56% of text
Salesforce-Sans
Self-hosted (@font-face) · weights 300, 400, 600, 700
44% of text
Slack'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
Salesforce-Avant-Garde · 700
64px / 71.68px · -0.768px
All your people and AI agents working together.
Display
Salesforce-Avant-Garde · 600
58px / 56px
Secure. Scaleable. Silo-free.
Heading 2
Salesforce-Avant-Garde · 700
50.4px / 56px · -0.4032px
Millions of people love to work in Slack.
Heading 3
Salesforce-Avant-Garde · 700
24px / 30px · -0.096px
Slack Code
Subheading
Salesforce-Avant-Garde · 600
24px / normal
Work without worry.
Body Strong
Salesforce-Sans · 600
22.6px / 27.2px · -0.272px
Get fast answers with Claude
Body
Salesforce-Sans · 400
18px / normal
AI in Slack doesn’t make you think, it helps you do. It summ
Link
Salesforce-Sans · 700
14px / 18.004px · 0.798px
Read now
Caption
Salesforce-Sans · 400
14px / 21.77px · -0.0216px
IT
Button
Salesforce-Sans · 600
13px / 15.6096px · 0.13008px
Reject All Cookies
The Salesforce-Avant-Garde font stack.
The exact font-family stack the page sets, as plain CSS and as a Tailwind v4 theme.
body {
font-family: Salesforce-Avant-Garde, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}@theme {
--font-sans: Salesforce-Avant-Garde, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-display: Salesforce-Sans, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}Captured from slack.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 Slack; names and marks belong to their owners.
Questions
What font does Slack use?
Slack's homepage uses Salesforce-Avant-Garde for 56% of its text, alongside Salesforce-Sans. Captured from slack.com on October 9, 2026.
Is Salesforce-Avant-Garde free?
Slack serves Salesforce-Avant-Garde itself with @font-face. Check the font's licence before using it — self-hosted fonts are often commercial or custom.
What font size does Slack use?
Its main headings are Salesforce-Avant-Garde at 64px, weight 700. Body text is Salesforce-Sans at 18px with a normal 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.