What font does theguardian.com use?

The typeface on theguardian.com is GuardianTextSans, GH Guardian Headline and Guardian Headline Full, loaded across 91 @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

GuardianTextSans

Total weights

@font-face

Source

Custom web font

GuardianTextSans

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (2)

400Typography sets the voice of a brand

700Typography sets the voice of a brand

CSS to use GuardianTextSans

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

@font-face source

woff2https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/noalts-not-hinted/GuardianTextSans-Regular.woff2

Get this font

GuardianTextSans

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for GuardianTextSans

Free alternatives if you can't license GuardianTextSans

LoraGoogle Fonts

Workhorse free serif with great screen rendering.

Open

Source Serif 4Google Fonts

Cleaner contemporary alternative.

Open

MerriweatherGoogle Fonts

Heavier sibling for editorial body copy.

Open

Used by 67 selectors on the page

GH Guardian Headline

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (3)

300Typography sets the voice of a brand

500Typography sets the voice of a brand

700Typography sets the voice of a brand

CSS to use GH Guardian Headline

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

@font-face source

woff2https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2

Get this font

GH Guardian Headline

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for GH Guardian Headline

Free alternatives if you can't license GH Guardian Headline

LoraGoogle Fonts

Workhorse free serif with great screen rendering.

Open

Source Serif 4Google Fonts

Cleaner contemporary alternative.

Open

MerriweatherGoogle Fonts

Heavier sibling for editorial body copy.

Open

Used by 66 selectors on the page

Guardian Headline Full

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 Guardian Headline Full

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

@font-face source

woff2https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff2

Get this font

Guardian Headline Full

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for Guardian Headline Full

Free alternatives if you can't license Guardian Headline Full

LoraGoogle Fonts

Workhorse free serif with great screen rendering.

Open

Source Serif 4Google Fonts

Cleaner contemporary alternative.

Open

MerriweatherGoogle Fonts

Heavier sibling for editorial body copy.

Open

Used by 1 selector on the page

GHGuardianHeadline

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 GHGuardianHeadline

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

@font-face source

woff2https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2

Get this font

GHGuardianHeadline

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for GHGuardianHeadline

Free alternatives if you can't license GHGuardianHeadline

InterGoogle Fonts

Safe, neutral free sans-serif that works in nearly any layout.

Open

ManropeGoogle Fonts

Slightly warmer humanist alternative.

Open

DM SansGoogle Fonts

Cleaner geometric sibling.

Open

Used by 0 selectors on the page

Guardian Egyptian Web

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (3)

300Typography sets the voice of a brand

500Typography sets the voice of a brand

700Typography sets the voice of a brand

CSS to use Guardian Egyptian Web

font-family: 'Guardian Egyptian Web', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

woff2https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2

Get this font

Guardian Egyptian Web

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for Guardian Egyptian Web

Free alternatives if you can't license Guardian Egyptian Web

InterGoogle Fonts

Safe, neutral free sans-serif that works in nearly any layout.

Open

ManropeGoogle Fonts

Slightly warmer humanist alternative.

Open

DM SansGoogle Fonts

Cleaner geometric sibling.

Open

Used by 0 selectors on the page

Guardian Text Egyptian Web

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (2)

400Typography sets the voice of a brand

700Typography sets the voice of a brand

CSS to use Guardian Text Egyptian Web

font-family: 'Guardian Text Egyptian Web', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

woff2https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/noalts-not-hinted/GuardianTextEgyptian-Regular.woff2

Get this font

Guardian Text Egyptian Web

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for Guardian Text Egyptian Web

Free alternatives if you can't license Guardian Text Egyptian Web

InterGoogle Fonts

Safe, neutral free sans-serif that works in nearly any layout.

Open

ManropeGoogle Fonts

Slightly warmer humanist alternative.

Open

DM SansGoogle Fonts

Cleaner geometric sibling.

Open

Used by 0 selectors on the page

Guardian Text Sans Web

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (2)

400Typography sets the voice of a brand

700Typography sets the voice of a brand

CSS to use Guardian Text Sans Web

font-family: 'Guardian Text Sans Web', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

woff2https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/noalts-not-hinted/GuardianTextSans-Regular.woff2

Get this font

Guardian Text Sans Web

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for Guardian Text Sans Web

Free alternatives if you can't license Guardian Text Sans Web

InterGoogle Fonts

Safe, neutral free sans-serif that works in nearly any layout.

Open

ManropeGoogle Fonts

Slightly warmer humanist alternative.

Open

DM SansGoogle Fonts

Cleaner geometric sibling.

Open

Used by 0 selectors on the page

GuardianTextEgyptian

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (2)

400Typography sets the voice of a brand

700Typography sets the voice of a brand

CSS to use GuardianTextEgyptian

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

@font-face source

woff2https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/noalts-not-hinted/GuardianTextEgyptian-Regular.woff2

Get this font

GuardianTextEgyptian

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for GuardianTextEgyptian

Free alternatives if you can't license GuardianTextEgyptian

InterGoogle Fonts

Safe, neutral free sans-serif that works in nearly any layout.

Open

ManropeGoogle Fonts

Slightly warmer humanist alternative.

Open

DM SansGoogle Fonts

Cleaner geometric sibling.

Open

Used by 0 selectors on the page

How theguardian.com loads its fonts

Get Font Info inspected the homepage of theguardian.com and parsed 1 stylesheet totalling 75 B. Inside those stylesheets we found 91 @font-face declarations — the rules a browser uses to download and register a custom typeface. The primary typefaces are served from custom web font, and 134 CSS rules reference them across the page.

Check the font on a specific element

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

Open live font inspector for theguardian.com

Frequently asked questions

What font does theguardian.com use?

theguardian.com uses GuardianTextSans, GH Guardian Headline and Guardian Headline Full as its primary typefaces. These fonts are loaded from a self-hosted webfont and applied across 134 CSS rules on the homepage.

Where does theguardian.com load its fonts from?

theguardian.com loads its fonts from a self-hosted webfont. Get Font Info detected 91 @font-face declarations across 1 stylesheet on the live page.

What weights of GuardianTextSans does theguardian.com use?

theguardian.com loads GuardianTextSans in 4 weights: 300, 400, 500, 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 theguardian.com on my website?

Yes — once you know the font name, you can load it from the same source. If GuardianTextSans isn't a fit (licensing, weight selection, look-and-feel), close alternatives include Lora, Source Serif 4 and Merriweather. Use the CSS snippet on this page as a starting point.

Is the font on theguardian.com 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 theguardian.com with how other well-known sites load and use their fonts.

What font does amazon.com use?What font does pinterest.com use?What font does openai.com use?What font does stability.ai use?What font does reuters.com use?What font does techcrunch.com use?

About this page

This page lists the fonts loaded by the homepage of theguardian.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.