What font does Apple use?
Apple is unusual: it ships its system typeface to every visitor as a web font, so apple.com looks the same on Windows and Android as it does on a Mac. The site splits the family by size, the way Apple’s design guidelines recommend.
Short answer: Apple’s website uses SF Pro, Apple’s own San Francisco typeface. Body and interface text is set in SF Pro Text and large headlines in SF Pro Display, both served as web fonts from apple.com.
SF Pro Text
Self-hosted98.4%- CSS name
SF Pro Text- Weights
- 400, 600
- Sizes
- 34px · 25.5px · 17px · 14px · 12px · 10px
- Served from
- www.apple.com
SF Pro Display
Self-hosted1.6%- CSS name
SF Pro Display- Weights
- 400, 600, 700
- Sizes
- 56px · 40px · 28px · 21px · 19px
- Served from
- www.apple.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 | SF Pro Display | 56px | 600 | 1.07 | -0.005em |
| Subheading | SF Pro Display | 40px | 600 | 1.1 | normal |
| Navigation | SF Pro Text | 17px | 600 | 1.24 | -0.022em |
| Small text | SF Pro Text | 12px | 400 | 1.33 | -0.01em |
The main font stack in the CSS:
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;- Headlines are tight: a line height of about 1.07 with slightly negative letter spacing.
- The fallback chain ends in
"Helvetica Neue", Helvetica, Arial, a reminder of what Apple’s site used before San Francisco. - A separate
SF Pro Iconsfont supplies arrows and symbols, so icons align with the text.
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 apple.com or anywhere else, and lists every font on the page. Free, no account.
About the fonts, and whether you can use them
SF Pro Text
The text cut of San Francisco, the typeface Apple designed in-house and introduced in 2015. It has slightly looser spacing and sturdier shapes for small sizes.
Can you use it? Apple offers SF Pro as a free download, but the license only covers designing and mocking up software for Apple platforms. You cannot serve it as a web font on your own site. On Apple devices you get it for free by asking for the system font with system-ui.
SF Pro Display
The display cut of San Francisco, with tighter spacing and finer details for headlines. Apple switches from Text to Display at around 20 points.
Can you use it? The same license applies as for SF Pro Text: fine for Apple platform mock-ups, not licensed for your website.
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 Apple’s brand typeface.
/* Approximates the Apple look with a free font */
body {
font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
h1 {
font-size: 3.5rem; /* 56px */
font-weight: 600;
line-height: 1.07;
letter-spacing: -0.005em;
}How we checked
We opened apple.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.
Apple and its typefaces are trademarks of their respective owners. Font Inspector is not affiliated with Apple.
Questions & answers
What font does Apple use on its website?+
Apple’s website uses SF Pro, Apple’s own San Francisco typeface. Body and interface text is set in SF Pro Text and large headlines in SF Pro Display, both served as web fonts from apple.com.
Can I use the Apple font?+
Apple offers SF Pro as a free download, but the license only covers designing and mocking up software for Apple platforms. You cannot serve it as a web font on your own site. On Apple devices you get it for free by asking for the system font with system-ui.
What is a free font similar to SF Pro Text?+
Inter is free on Google Fonts and gives a similar feel. No free font is an exact match, so compare it with your own text first.
How can I check what font Apple uses myself?+
Open apple.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.