What font does mozilla.org use?

The typeface on mozilla.org is Mozilla Text, Mozilla Headline and headline-fallback, loaded across 10 @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.

Primary font
Mozilla Text
Total weights
3
@font-face
10
Source
Mixed

Mozilla Text

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (3)

400Typography sets the voice of a brand
600Typography sets the voice of a brand
700Typography sets the voice of a brand

CSS to use Mozilla Text

font-family: 'Mozilla Text', Georgia, 'Times New Roman', serif;

@font-face source

woff2https://www.mozilla.org/media/protocol/fonts/mozilla-text/MozillaText-Regular.71c103450d6d.woff2

Similar fonts

InterManropeDM Sans
Used by 32 selectors on the page

Mozilla Headline

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (2)

400Typography sets the voice of a brand
600Typography sets the voice of a brand

CSS to use Mozilla Headline

font-family: 'Mozilla Headline', Georgia, 'Times New Roman', serif;

@font-face source

woff2https://www.mozilla.org/media/protocol/fonts/mozilla-headline/MozillaHeadline-Regular.f0e5390a8c6a.woff2

Similar fonts

InterManropeDM Sans
Used by 40 selectors on the page

headline-fallback

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use headline-fallback

font-family: headline-fallback, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

Similar fonts

InterManropeDM Sans
Used by 0 selectors on the page

text-fallback

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use text-fallback

font-family: text-fallback, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

Similar fonts

InterManropeDM Sans
Used by 0 selectors on the page

Inter

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Inter

font-family: Inter, Georgia, 'Times New Roman', serif;

Similar fonts

ManropeGeistDM Sans
Used by 2 selectors on the page

How mozilla.org loads its fonts

Get Font Info inspected the homepage of mozilla.org and parsed 4 stylesheets totalling 146.8 KB. Inside those stylesheets we found 10 @font-face declarations — the rules a browser uses to download and register a custom typeface. The primary typefaces are served from mixed, and 76 CSS rules reference them across the page.

Check the font on a specific element

Open the live inspector and hover any text on mozilla.org to see the exact font, weight, size and line-height for that element.

Open live font inspector for mozilla.org

Frequently asked questions

What font does mozilla.org use?

mozilla.org uses Mozilla Text, Mozilla Headline and headline-fallback as its primary typefaces. These fonts are loaded from a self-hosted webfont and an unknown source and applied across 76 CSS rules on the homepage.

Where does mozilla.org load its fonts from?

mozilla.org loads its fonts from a self-hosted webfont and an unknown source. Get Font Info detected 10 @font-face declarations across 4 stylesheets on the live page.

What weights of Mozilla Text does mozilla.org use?

mozilla.org loads Mozilla Text in 3 weights: 400, 600, 700. If you want to match the look, request the same weights from your font host so you only ship what's actually used.

Can I use the same font as mozilla.org on my website?

Yes — once you know the font name, you can load it from the same source. If Mozilla Text 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.

Is the font on mozilla.org free to use?

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.

See fonts used by other sites

Compare the typography on mozilla.org with how other well-known sites load and use their fonts.

About this page

This page lists the fonts loaded by the homepage of mozilla.org. 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: find a font used on a website, identify fonts from a website, what typeface is this website using, or font checker.