What font does heroku.com use?

The typeface on heroku.com is Salesforce Sans, Avant Garde and BentonSans, loaded across 67 @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 Sans

Total weights

@font-face

Source

Mixed

Salesforce Sans

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (5)

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

eothttps://www.heroku.com/wp-content/themes/orbitmedia-elementor/resources/fonts/SalesforceSans-Light.eot

Similar fonts

InterManropeDM Sans

Used by 15 selectors on the page

Avant Garde

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

600Typography sets the voice of a brand

CSS to use Avant Garde

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

@font-face source

woff2https://www.heroku.com/wp-content/themes/orbitmedia-elementor/resources/fonts/AvantGardeForSalesforceW05-Dm.woff2

Similar fonts

InterManropeDM Sans

Used by 12 selectors on the page

BentonSans

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (3)

300Typography sets the voice of a brand

400Typography sets the voice of a brand

700Typography sets the voice of a brand

CSS to use BentonSans

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

@font-face source

woff2https://www.heroku.com/wp-content/uploads/2025/01/bentonsans-book-4e191d7217a753da16ff44f89fdbf2b73d01cd150e824c152ba08a61e8db07ec.woff2

Similar fonts

InterManropeDM Sans

Used by 6 selectors on the page

SFMono-Regular

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use SFMono-Regular

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

Similar fonts

InterManropeDM Sans

Used by 7 selectors on the page

Consolas

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Consolas

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

Similar fonts

InterManropeDM Sans

Used by 1 selector on the page

Arial

System font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Arial

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

Similar fonts

InterDM SansRoboto

Used by 1 selector on the page

How heroku.com loads its fonts

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

Check the font on a specific element

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

Open live font inspector for heroku.com

Frequently asked questions

What font does heroku.com use?

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

Where does heroku.com load its fonts from?

heroku.com loads its fonts from a self-hosted webfont, an unknown source and the operating system. Get Font Info detected 67 @font-face declarations across 5 stylesheets on the live page.

What weights of Salesforce Sans does heroku.com use?

heroku.com loads Salesforce Sans in 5 weights: 200, 300, 400, 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 heroku.com on my website?

Yes — once you know the font name, you can load it from the same source. If Salesforce Sans 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 heroku.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 heroku.com with how other well-known sites load and use their fonts.

What font does economist.com use?What font does buzzfeed.com use?What font does vogue.com use?What font does soundcloud.com use?What font does uniqlo.com use?What font does bestbuy.com use?

About this page

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