What font does Shopify use?
Shopify’s marketing site shows how far a single open source typeface can go. The headline is a light 96px, and the interface text uses in-between weights that only a variable font offers.
Short answer: Shopify’s website uses Inter, served as a variable font under the name Shopify-Inter from Shopify’s CDN. One family sets the entire page.
Inter (as Shopify-Inter)
Self-hosted99.1%- CSS name
Shopify-Inter- Weights
- 300, 330, 400, 420, 450
- Sizes
- 96px · 56px · 20px · 18px · 16px · 14px · 12px
- Served from
- cdn.shopify.com
Sizes, weights and spacing by role
These are computed values from the live page, which is what the Font Inspector panel shows when you click each element.
| Role | Font | Size | Weight | Line height | Letter spacing |
|---|---|---|---|---|---|
| Headline | Inter | 96px | 300 | 1.08 | -0.02em |
| Subheading | Inter | 56px | 330 | 1.08 | -0.03em |
| Body text | Inter | 18px | 400 | 1.4 | normal |
| Navigation | Inter | 14px | 420 | 1.43 | normal |
The main font stack in the CSS:
font-family: Shopify-Inter, Helvetica, Arial, sans-serif;- Large type is light: 300 at 96px and 330 at 56px, both with negative letter spacing.
- Weights of 330, 420 and 450 show careful per-size tuning with the variable font.
- We were redirected to a regional version of the home page, with English copy.
Check any site yourself in one click.
Sites change their type without notice. Font Inspector shows the rendered font, size, weight and spacing of any text on shopify.com or anywhere else, and lists every font on the page. Free, no account.
About the fonts, and whether you can use them
Inter (as Shopify-Inter)
The CSS name points to Shopify’s own build of Inter, the open source interface typeface by Rasmus Andersson. It is loaded as one variable file covering weights 100 to 900.
Can you use it? Inter is free under the SIL Open Font License. Get it from Google Fonts or the Inter project site. Shopify’s own build is not distributed.
On Google Fonts: Inter.
Finding a font does not license it. More in how to get a font you found, legally.
Get a similar look with a free font
This starter uses Inter, which is open source, with the sizes and spacing measured above. It is an approximation, not a copy of Shopify’s brand typeface.
/* Approximates the Shopify look with a free font */
body {
font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
h1 {
font-size: 6rem; /* 96px */
font-weight: 300;
line-height: 1.08;
letter-spacing: -0.02em;
}
p {
font-size: 1.125rem; /* 18px */
font-weight: 400;
line-height: 1.4;
}How we checked
We opened shopify.com in Chrome on September 20, 2026 and read the computed styles of its visible text: the declared font stack, the font actually rendered, and how much of the page’s text each family sets. That is the same data the Font Inspector extension shows under Fonts on this page. We re-check these pages periodically, and the date above shows the last inspection.
Shopify and its typefaces are trademarks of their respective owners. Font Inspector is not affiliated with Shopify.
Questions & answers
What font does Shopify use on its website?+
Shopify’s website uses Inter, served as a variable font under the name Shopify-Inter from Shopify’s CDN. One family sets the entire page.
Can I use the Shopify font?+
Inter is free under the SIL Open Font License. Get it from Google Fonts or the Inter project site. Shopify’s own build is not distributed.
How can I check what font Shopify uses myself?+
Open shopify.com, then click any text with the Font Inspector extension, or right-click, choose Inspect and look at Rendered Fonts in the Computed tab. Sites change their typography, so checking the live page is the only way to be sure.