Get Font Info

What font does vogue.com use?

The typeface on vogue.com is Adobe Garamond Pro, AdobeGaramondPro and FB Didot, loaded across 25 @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
Adobe Garamond Pro
Total weights
6
@font-face
25
Source
Custom web font

Adobe Garamond Pro

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 Adobe Garamond Pro

font-family: 'Adobe Garamond Pro', Georgia, 'Times New Roman', serif;

@font-face source

woff2https://www.vogue.com/.design/fonts/Adobe%20Garamond%20Pro/agaramondpro-regular-webfont.woff2

Get this font

Adobe Garamond Pro
Commercial

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

Search for Adobe Garamond Pro

Free alternatives if you can't license Adobe Garamond Pro

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 0 selectors on the page

AdobeGaramondPro

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 AdobeGaramondPro

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

@font-face source

woff2https://www.vogue.com/.design/fonts/Adobe%20Garamond%20Pro/agaramondpro-regular-webfont.woff2

Get this font

AdobeGaramondPro
Commercial

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

Search for AdobeGaramondPro

Free alternatives if you can't license AdobeGaramondPro

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 0 selectors on the page

FB Didot

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (2)

300Typography sets the voice of a brand
700Typography sets the voice of a brand

CSS to use FB Didot

font-family: 'FB Didot', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

woff2https://www.vogue.com/.design/fonts/FB%20Didot/FBDidotS-Light.woff2

Get this font

FB Didot
Commercial

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

Search for FB Didot

Free alternatives if you can't license FB Didot

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 0 selectors on the page

FBDidotS

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

300Typography sets the voice of a brand

CSS to use FBDidotS

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

@font-face source

woff2https://www.vogue.com/.design/fonts/FB%20Didot/FBDidotS-Light.woff2

Get this font

FBDidotS
Commercial

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

Search for FBDidotS

Free alternatives if you can't license FBDidotS

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 0 selectors on the page

Tajawal

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 Tajawal

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

@font-face source

woff2https://www.vogue.com/.design/fonts/Tajawal/Tajawal-Regular.woff2

Get this font

Tajawal
Commercial

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

Search for Tajawal

Free alternatives if you can't license Tajawal

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

Vogue Avant Garde

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (4)

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

CSS to use Vogue Avant Garde

font-family: 'Vogue Avant Garde', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

woff2https://www.vogue.com/.design/fonts/Vogue%20Avant%20Garde/VogueAvantGarde-DemiBold.woff2

Get this font

Vogue Avant Garde
Commercial

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

Search for Vogue Avant Garde

Free alternatives if you can't license Vogue Avant Garde

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

VogueAvantGarde

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (3)

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

CSS to use VogueAvantGarde

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

@font-face source

woff2https://www.vogue.com/.design/fonts/Vogue%20Avant%20Garde/VogueAvantGarde-Bold.woff2

Get this font

VogueAvantGarde
Commercial

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

Search for VogueAvantGarde

Free alternatives if you can't license VogueAvantGarde

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 vogue.com loads its fonts

Get Font Info inspected the homepage of vogue.com and parsed 0 stylesheets totalling 0 KB. Inside those stylesheets we found 25 @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 3 CSS rules reference them across the page.

Check the font on a specific element

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

Open live font inspector for vogue.com

Frequently asked questions

What font does vogue.com use?

vogue.com uses Adobe Garamond Pro, AdobeGaramondPro and FB Didot as its primary typefaces. These fonts are loaded from a self-hosted webfont and applied across 3 CSS rules on the homepage.

Where does vogue.com load its fonts from?

vogue.com loads its fonts from a self-hosted webfont. Get Font Info detected 25 @font-face declarations across 0 stylesheets on the live page.

What weights of Adobe Garamond Pro does vogue.com use?

vogue.com loads Adobe Garamond Pro in 6 weights: 300, 400, 500, 550, 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 vogue.com on my website?

Yes — once you know the font name, you can load it from the same source. If Adobe Garamond Pro 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 vogue.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 vogue.com with how other well-known sites load and use their fonts.

What font does perplexity.ai use?What font does mistral.ai use?What font does bloomberg.com use?What font does arstechnica.com use?What font does newyorker.com use?What font does disneyplus.com use?

About this page

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