What font does abduzeedo.com use?

The typeface on abduzeedo.com is Bricolage Grotesque Variable, EB Garamond and Inter Variable, loaded across 62 @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
Bricolage Grotesque Variable
Total weights
3
@font-face
62
Source
Mixed

Bricolage Grotesque Variable

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

200 800Typography sets the voice of a brand

CSS to use Bricolage Grotesque Variable

font-family: 'Bricolage Grotesque Variable', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

woff2https://abduzeedo.com/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2

Get this font

Bricolage Grotesque Variable
Commercial

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

Search for Bricolage Grotesque Variable

Free alternatives if you can't license Bricolage Grotesque Variable

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

EB Garamond

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 EB Garamond

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

@font-face source

woff2https://abduzeedo.com/_astro/eb-garamond-cyrillic-ext-400-normal.CBMNjBwz.woff2

Get this font

EB Garamond
Open source
Georg Duffner

Free on Google Fonts under the SIL OFL.

Get EB Garamond from Georg Duffner

Free alternatives if you can't license EB Garamond

Cormorant GaramondGoogle Fonts

Refined sibling with more contrast.

Open
Crimson ProGoogle Fonts

Modern Garamond derivative.

Open
LoraGoogle Fonts

Warmer alternative for body text.

Open
Used by 0 selectors on the page

Inter Variable

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

100 900Typography sets the voice of a brand

CSS to use Inter Variable

font-family: 'Inter Variable', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

woff2https://abduzeedo.com/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2

Get this font

Inter
Open source
Rasmus Andersson

Free for any use under the SIL Open Font License.

Get Inter from Rasmus Andersson

Free alternatives if you can't license Inter Variable

ManropeGoogle Fonts

Same neutral grotesque skeleton, slightly warmer terminals.

Open
DM SansGoogle Fonts

Closely matched x-height and aperture, a touch more geometric.

Open
GeistOpen source

Vercel's open-source grotesque, virtually interchangeable for product UI.

Used by 0 selectors on the page

Libre Caslon Text

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 Libre Caslon Text

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

@font-face source

woff2https://abduzeedo.com/_astro/libre-caslon-text-latin-ext-400-normal.C9ASObbr.woff2

Get this font

Libre Caslon Text
Commercial

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

Search for Libre Caslon Text

Free alternatives if you can't license Libre Caslon Text

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

Lora

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 Lora

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

@font-face source

woff2https://abduzeedo.com/_astro/lora-cyrillic-ext-400-normal.DwaaZvol.woff2

Get this font

Lora
Open source
Cyreal

Free on Google Fonts under the SIL OFL.

Get Lora from Cyreal

Free alternatives if you can't license Lora

MerriweatherGoogle Fonts

Heavier workhorse alternative.

Open
Source Serif 4Google Fonts

Lighter, more refined body serif.

Open
Crimson ProGoogle Fonts

Old-style serif with similar warmth.

Open
Used by 0 selectors on the page

Merriweather

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 Merriweather

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

@font-face source

woff2https://abduzeedo.com/_astro/merriweather-cyrillic-ext-400-normal.D9NYhYTq.woff2

Get this font

Merriweather
Open source
Sorkin Type

Free on Google Fonts under the SIL OFL.

Get Merriweather from Sorkin Type

Free alternatives if you can't license Merriweather

LoraGoogle Fonts

Similar workhorse serif for long-form reading.

Open
Source Serif 4Google Fonts

Adobe's free body serif.

Open
BitterGoogle Fonts

Slab-influenced sibling, equally readable.

Open
Used by 0 selectors on the page

Outfit Variable

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

100 900Typography sets the voice of a brand

CSS to use Outfit Variable

font-family: 'Outfit Variable', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

woff2https://abduzeedo.com/_astro/outfit-latin-ext-wght-normal.DdQaqQDo.woff2

Get this font

Outfit
Open source
Smith Mistry

Free on Google Fonts under the SIL OFL.

Get Outfit from Smith Mistry

Free alternatives if you can't license Outfit Variable

ManropeGoogle Fonts

Same modern geometric feel, slightly warmer.

Open
DM SansGoogle Fonts

Tighter alternative with similar bones.

Open
PoppinsGoogle Fonts

More playful geometric sibling.

Open
Used by 0 selectors on the page

Playfair Display

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 Playfair Display

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

@font-face source

woff2https://abduzeedo.com/_astro/playfair-display-cyrillic-400-normal.CjW2EstV.woff2

Get this font

Playfair Display
Open source
Claus Eggers Sørensen

Free on Google Fonts under the SIL OFL.

Get Playfair Display from Claus Eggers Sørensen

Free alternatives if you can't license Playfair Display

DM Serif DisplayGoogle Fonts

High-contrast didone with similar drama.

Open
Cormorant GaramondGoogle Fonts

More elegant didone alternative.

Open
Libre Caslon DisplayGoogle Fonts

Classic display serif sibling.

Open
Used by 0 selectors on the page

mundial-hair

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use mundial-hair

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

Get this font

mundial-hair
Commercial

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

Search for mundial-hair

Free alternatives if you can't license mundial-hair

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

Fira Code

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Fira Code

font-family: 'Fira Code', ui-monospace, SFMono-Regular, monospace;

Get this font

Fira Code
Open source
Nikita Prokopov

Free monospace with programming ligatures.

Get Fira Code from Nikita Prokopov

Free alternatives if you can't license Fira Code

JetBrains MonoGoogle Fonts

Direct alternative with programmer ligatures.

Open
IBM Plex MonoGoogle Fonts

More distinctive without ligatures.

Open
Source Code ProGoogle Fonts

Adobe's free mono alternative.

Open
Used by 1 selector on the page

How abduzeedo.com loads its fonts

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

Check the font on a specific element

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

Open live font inspector for abduzeedo.com

Frequently asked questions

What font does abduzeedo.com use?

abduzeedo.com uses Bricolage Grotesque Variable, EB Garamond and Inter Variable as its primary typefaces. These fonts are loaded from a self-hosted webfont and an unknown source and applied across 10 CSS rules on the homepage.

Where does abduzeedo.com load its fonts from?

abduzeedo.com loads its fonts from a self-hosted webfont and an unknown source. Get Font Info detected 62 @font-face declarations across 0 stylesheets on the live page.

What weights of Bricolage Grotesque Variable does abduzeedo.com use?

abduzeedo.com loads Bricolage Grotesque Variable in 3 weights: 100 900, 200 800, 400. 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 abduzeedo.com on my website?

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

About this page

This page lists the fonts loaded by the homepage of abduzeedo.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: discover fonts used on a site, identify a font from a website URL, see what fonts a website uses, or online font checker.