The typeface on apple.com is Apple Icons 100, Apple Icons 200 and Apple Icons 300, loaded across 27 @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: 'Apple Icons 100', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
The quick brown fox jumps over the lazy dog
font-family: 'Apple Icons 200', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
The quick brown fox jumps over the lazy dog
font-family: 'Apple Icons 300', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
The quick brown fox jumps over the lazy dog
font-family: 'Apple Icons 400', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
The quick brown fox jumps over the lazy dog
font-family: 'Apple Icons 500', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
The quick brown fox jumps over the lazy dog
font-family: 'Apple Icons 600', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
The quick brown fox jumps over the lazy dog
font-family: 'Apple Icons 700', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
The quick brown fox jumps over the lazy dog
font-family: 'Apple Icons 800', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
The quick brown fox jumps over the lazy dog
font-family: 'Apple Icons 900', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
The quick brown fox jumps over the lazy dog
font-family: 'Apple Legacy Chevron', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
The quick brown fox jumps over the lazy dog
font-family: 'SF Pro HK', Georgia, 'Times New Roman', serif;
The quick brown fox jumps over the lazy dog
font-family: 'SF Pro Text', Georgia, 'Times New Roman', serif;
Get Font Info inspected the homepage of apple.com and parsed 7 stylesheets totalling 629.3 KB. Inside those stylesheets we found 27 @font-face declarations — the rules a browser uses to download and register a custom typeface. The primary typefaces are served from mixed, and 500 CSS rules reference them across the page.
Open the live inspector and hover any text on apple.com to see the exact font, weight, size and line-height for that element.
Open live font inspector for apple.comapple.com uses Apple Icons 100, Apple Icons 200 and Apple Icons 300 as its primary typefaces. These fonts are loaded from a self-hosted webfont and an unknown source and applied across 500 CSS rules on the homepage.
apple.com loads its fonts from a self-hosted webfont and an unknown source. Get Font Info detected 27 @font-face declarations across 7 stylesheets on the live page.
apple.com loads Apple Icons 100 in 9 weights: 100, 200, 300, 400, 500, 600, 700, 800, 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 Apple Icons 100 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.
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 apple.com with how other well-known sites load and use their fonts.
This page lists the fonts loaded by the homepage of apple.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.