The typeface on shopify.com is Inter-Variable, 5949cd393a8375a896fd0a9b74307666 and 5ed4b67d15b44e848aaae29d2e30ec03, loaded across 62 @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.
The quick brown fox jumps over the lazy dog
font-family: Inter-Variable, Georgia, 'Times New Roman', serif;
The quick brown fox jumps over the lazy dog
font-family: 5949cd393a8375a896fd0a9b74307666, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
The quick brown fox jumps over the lazy dog
font-family: 5ed4b67d15b44e848aaae29d2e30ec03, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
The quick brown fox jumps over the lazy dog
font-family: 85640034fdc1068cdb17d5e74ab9876d, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
The quick brown fox jumps over the lazy dog
font-family: 8e7a81acb91d51d6051bfb7f97e8ecaa, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
The quick brown fox jumps over the lazy dog
font-family: DrukCondSuper, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
The quick brown fox jumps over the lazy dog
font-family: DrukTextHeavy, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
The quick brown fox jumps over the lazy dog
font-family: FeatureDisplay, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
The quick brown fox jumps over the lazy dog
font-family: FT88, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
The quick brown fox jumps over the lazy dog
font-family: GaramondNovaProCondensedLight, Georgia, 'Times New Roman', serif;
The quick brown fox jumps over the lazy dog
font-family: GaramondNovaProCondensedLightItalic, Georgia, 'Times New Roman', serif;
The quick brown fox jumps over the lazy dog
font-family: GoodSans, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
Get Font Info inspected the homepage of shopify.com and parsed 1 stylesheet totalling 246.5 KB. Inside those stylesheets we found 62 @font-face declarations — the rules a browser uses to download and register a custom typeface. The primary typefaces are served from custom web font, and 8 CSS rules reference them across the page.
Open the live inspector and hover any text on shopify.com to see the exact font, weight, size and line-height for that element.
Open live font inspector for shopify.comshopify.com uses Inter-Variable, 5949cd393a8375a896fd0a9b74307666 and 5ed4b67d15b44e848aaae29d2e30ec03 as its primary typefaces. These fonts are loaded from a self-hosted webfont and applied across 8 CSS rules on the homepage.
shopify.com loads its fonts from a self-hosted webfont. Get Font Info detected 62 @font-face declarations across 1 stylesheet on the live page.
shopify.com loads Inter-Variable in 5 weights: 300, 400, 500, 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.
Yes — once you know the font name, you can load it from the same source. If Inter-Variable isn't a fit (licensing, weight selection, look-and-feel), close alternatives include Manrope, Geist and DM Sans. Use the CSS snippet on this page as a starting point.
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.
Compare the typography on shopify.com with how other well-known sites load and use their fonts.
This page lists the fonts loaded by the homepage of shopify.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: how to find fonts on a website, name the font on a website, what font does this website use, or free font checker.