font inspectorWhat font does McDonald’s use?
McDonald’s refreshed its global brand in 2018 with a typeface named after Speedee, its original 1948 mascot. On the web it is the only font in use. We were redirected to the Dutch site, which shares the global template.
Short answer: McDonald’s website uses Speedee, a custom sans serif made for the brand, for everything from headlines to buttons. It is self-hosted on mcdonalds.com.
Speedee
Self-hosted100%- CSS name
Speedee- Weights
- 400, 600, 700
- Sizes
- 36px · 24px · 16px · 13px
- Served from
- www.mcdonalds.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 | Speedee | 36px | 700 | 1.11 | -0.004em |
| Body text | Speedee | 16px | 400 | 1.5 | -0.009em |
| Navigation | Speedee | 16px | 400 | 1.5 | -0.009em |
| Button | Speedee | 16px | 700 | 1.25 | -0.009em |
The main font stack in the CSS:
font-family: Speedee, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;- Letter spacing is slightly negative everywhere, about -0.009em on body text, which is unusual for a 16px paragraph.
- Only the Regular and Bold files are downloaded on the home page. Text set at weight 600 renders with the Bold file.
- The fallback chain is the common system stack, so a visitor without the web font sees their device’s interface font.
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 mcdonalds.com or anywhere else, and lists every font on the page. Free, no account.
About the fonts, and whether you can use them
Speedee
A friendly geometric sans serif designed for McDonald’s by Colophon Foundry with Leo Burnett London. A Light cut exists too, loaded under a separate family name.
Can you use it? No. Speedee is McDonald’s proprietary typeface. Outfit and Figtree are free geometric sans serifs with a similarly round, open feel.
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 Outfit, which is open source, with the sizes and spacing measured above. It is an approximation, not a copy of McDonald’s brand typeface.
/* Approximates the McDonald’s look with a free font */
body {
font-family: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
h1 {
font-size: 2.25rem; /* 36px */
font-weight: 700;
line-height: 1.11;
letter-spacing: -0.004em;
}
p {
font-size: 1rem; /* 16px */
font-weight: 400;
line-height: 1.5;
letter-spacing: -0.009em;
}How we checked
We opened mcdonalds.com in Chrome on November 5, 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.
McDonald’s and its typefaces are trademarks of their respective owners. Font Inspector is not affiliated with McDonald’s.
Questions & answers
What font does McDonald’s use on its website?
McDonald’s website uses Speedee, a custom sans serif made for the brand, for everything from headlines to buttons. It is self-hosted on mcdonalds.com.
Can I use the McDonald’s font?
No. Speedee is McDonald’s proprietary typeface. Outfit and Figtree are free geometric sans serifs with a similarly round, open feel.
What is a free font similar to Speedee?
Outfit and Figtree are free on Google Fonts and give a similar feel. No free font is an exact match, so compare it with your own text first.
How can I check what font McDonald’s uses myself?
Open mcdonalds.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.
LEGO
Cera Pro
WHAT FONT DOES IT USE?Discord
ABC Ginto (Discord cut), ABC Ginto Nord (Discord cut)
WHAT FONT DOES IT USE?Miro
Noto Sans, Roobert
WHAT FONT DOES IT USE?Samsung
SamsungOne, Samsung Sharp Sans
WHAT FONT DOES IT USE?Stack Overflow
System font stack, System monospace
WHAT FONT DOES IT USE?Hugging Face
Source Sans 3, IBM Plex Mono