What font does slack.com use?

The typeface on slack.com is Salesforce-Avant-Garde, Salesforce-Sans and NotoSansJP, loaded across 53 @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
Salesforce-Avant-Garde
Total weights
7
@font-face
53
Source
Mixed

Salesforce-Avant-Garde

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

700Typography sets the voice of a brand

CSS to use Salesforce-Avant-Garde

font-family: Salesforce-Avant-Garde, Georgia, 'Times New Roman', serif;

@font-face source

woff2https://a.slack-edge.com/bv1-13-br/avant-garde-8402dfbd4149ce947d8b.woff2

Similar fonts

InterManropeDM Sans
Used by 331 selectors on the page

Salesforce-Sans

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (6)

100Typography sets the voice of a brand
200Typography sets the voice of a brand
300Typography sets the voice of a brand
400Typography sets the voice of a brand
600Typography sets the voice of a brand
700Typography sets the voice of a brand

CSS to use Salesforce-Sans

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

@font-face source

woff2https://a.slack-edge.com/bv1-13-br/salesforce-sans-thin-5190fc3646d3fbdd3f60.woff2

Similar fonts

InterManropeDM Sans
Used by 15 selectors on the page

NotoSansJP

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (3)

400Typography sets the voice of a brand
700Typography sets the voice of a brand
900Typography sets the voice of a brand

CSS to use NotoSansJP

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

@font-face source

woff2https://a.slack-edge.com/bv1-13-br/NotoSansJP-Regular.min-441edbfa56e52a256989.woff2

Similar fonts

InterManropeDM Sans
Used by 1 selector on the page

MXiangHeHeiSCProBold

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 MXiangHeHeiSCProBold

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

@font-face source

woff2https://a.slack-edge.com/bv1-13-br/m-xianghe-hei-sc-bold-6b69c5203108a4c8d3f3.woff2

Similar fonts

InterManropeDM Sans
Used by 0 selectors on the page

MXiangHeHeiTCBold

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 MXiangHeHeiTCBold

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

@font-face source

woff2https://a.slack-edge.com/bv1-13-br/m-xianghe-hei-tc-bold-71cb9264300457bb17c4.woff2

Similar fonts

InterManropeDM Sans
Used by 0 selectors on the page

NotoSansKR

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (3)

400Typography sets the voice of a brand
700Typography sets the voice of a brand
900Typography sets the voice of a brand

CSS to use NotoSansKR

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

@font-face source

woff2https://a.slack-edge.com/bv1-13-br/NotoSansKR-Regular.min-043fb8d4e2bbade86b4f.woff2

Similar fonts

InterManropeDM Sans
Used by 0 selectors on the page

NotoSansSC

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (3)

400Typography sets the voice of a brand
700Typography sets the voice of a brand
900Typography sets the voice of a brand

CSS to use NotoSansSC

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

@font-face source

woff2https://a.slack-edge.com/bv1-13-br/NotoSansSC-Regular.min-7f0eac48a83aa3c05b93.woff2

Similar fonts

InterManropeDM Sans
Used by 0 selectors on the page

NotoSansTC

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (3)

400Typography sets the voice of a brand
700Typography sets the voice of a brand
900Typography sets the voice of a brand

CSS to use NotoSansTC

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

@font-face source

woff2https://a.slack-edge.com/bv1-13-br/NotoSansTC-Regular.min-606e9a6bff3b9e630a3e.woff2

Similar fonts

InterManropeDM Sans
Used by 0 selectors on the page

SeolSansHeavy

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 SeolSansHeavy

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

@font-face source

woff2https://a.slack-edge.com/bv1-13-br/seol-sans-heavy-5a7faec6ee183432b1ce.woff2

Similar fonts

InterManropeDM Sans
Used by 0 selectors on the page

Monaco

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Monaco

font-family: Monaco, ui-monospace, SFMono-Regular, monospace;

Similar fonts

InterManropeDM Sans
Used by 7 selectors on the page

Slack-Lato

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Slack-Lato

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

Similar fonts

InterManropeDM Sans
Used by 3 selectors on the page

inherit!important

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use inherit!important

font-family: inherit!important, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

Similar fonts

InterManropeDM Sans
Used by 1 selector on the page

How slack.com loads its fonts

Get Font Info inspected the homepage of slack.com and parsed 8 stylesheets totalling 863.9 KB. Inside those stylesheets we found 53 @font-face declarations — the rules a browser uses to download and register a custom typeface. The primary typefaces are served from mixed, and 365 CSS rules reference them across the page.

Check the font on a specific element

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

Open live font inspector for slack.com

Frequently asked questions

What font does slack.com use?

slack.com uses Salesforce-Avant-Garde, Salesforce-Sans and NotoSansJP as its primary typefaces. These fonts are loaded from a self-hosted webfont and an unknown source and applied across 365 CSS rules on the homepage.

Where does slack.com load its fonts from?

slack.com loads its fonts from a self-hosted webfont and an unknown source. Get Font Info detected 53 @font-face declarations across 8 stylesheets on the live page.

What weights of Salesforce-Avant-Garde does slack.com use?

slack.com loads Salesforce-Avant-Garde in 7 weights: 100, 200, 300, 400, 600, 700, 900. 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 slack.com on my website?

Yes — once you know the font name, you can load it from the same source. If Salesforce-Avant-Garde isn't a fit (licensing, weight selection, look-and-feel), close alternatives include Inter, Manrope and DM Sans. Use the CSS snippet on this page as a starting point.

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

About this page

This page lists the fonts loaded by the homepage of slack.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: find the font on any website, identify the typeface on a webpage, check what font a website is using, or URL font checker.