font inspectorWhat font does LEGO use?
The LEGO logo is hand-drawn lettering, so the website needs a text face that matches its round, friendly geometry. Cera Pro does that job alone. We inspected the English version of the Dutch store, which lego.com redirected us to.
Short answer: LEGO’s website uses Cera Pro, a geometric sans serif from TypeMates, for every piece of text. It is self-hosted on assets.lego.com.
Cera Pro
Self-hosted100%- CSS name
Cera Pro- Weights
- 400, 500, 700
- Sizes
- 37.2px · 19.7px · 18px · 16px · 14px · 12px
- Served from
- assets.lego.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 | Cera Pro | 37.2px | 700 | 1.35 | normal |
| Subheading | Cera Pro | 29.8px | 700 | 1.35 | normal |
| Body text | Cera Pro | 14px | 400 | 1.36 | 0.01em |
| Navigation | Cera Pro | 12px | 500 | 1.75 | 0.01em |
| Button | Cera Pro | 16px | 500 | 1.5 | normal |
The main font stack in the CSS:
font-family: "Cera Pro";- The stack is just
"Cera Pro"with no fallback at all: if the file fails, the browser picks its default font. - Fractional sizes such as 37.2px and 29.8px come from a type scale defined in rem. Headlines keep a generous 1.35 line height.
- A custom
LEGO Typewellfamily and Noto Sans for Chinese, Japanese and Korean are declared but not used on this page.
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 lego.com or anywhere else, and lists every font on the page. Free, no account.
About the fonts, and whether you can use them
Cera Pro
A geometric sans serif designed by Jakob Runge and published by TypeMates. Its round forms suit the lettering of the LEGO logo.
Can you use it? Cera Pro is a commercial font licensed from TypeMates. Outfit and Poppins are free geometric sans serifs in the same spirit.
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 LEGO’s brand typeface.
/* Approximates the LEGO look with a free font */
body {
font-family: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
h1 {
font-size: 2.325rem; /* 37.2px */
font-weight: 700;
line-height: 1.35;
}
p {
font-size: 0.875rem; /* 14px */
font-weight: 400;
line-height: 1.36;
letter-spacing: 0.01em;
}How we checked
We opened lego.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.
LEGO and its typefaces are trademarks of their respective owners. Font Inspector is not affiliated with LEGO.
Questions & answers
What font does LEGO use on its website?
LEGO’s website uses Cera Pro, a geometric sans serif from TypeMates, for every piece of text. It is self-hosted on assets.lego.com.
Can I use the LEGO font?
Cera Pro is a commercial font licensed from TypeMates. Outfit and Poppins are free geometric sans serifs in the same spirit.
What is a free font similar to Cera Pro?
Outfit and Poppins 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 LEGO uses myself?
Open lego.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.