What font does ideo.com use?

The typeface on ideo.com is Fhoscar, Fhphemisterdisplay and Manrope, 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

Fhoscar

Total weights

@font-face

Source

Mixed

Fhoscar

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (4)

300Typography sets the voice of a brand

400Typography sets the voice of a brand

500Typography sets the voice of a brand

700Typography sets the voice of a brand

CSS to use Fhoscar

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

@font-face source

otfhttps://cdn.prod.website-files.com/67cb2dd62d5110e2973d39d7/67cb2e142325538722baf976_FHOscar-Regular.otf

Get this font

Fhoscar

Commercial

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

Search for Fhoscar

Free alternatives if you can't license Fhoscar

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

Fhphemisterdisplay

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (4)

300Typography sets the voice of a brand

400Typography sets the voice of a brand

500Typography sets the voice of a brand

700Typography sets the voice of a brand

CSS to use Fhphemisterdisplay

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

@font-face source

otfhttps://cdn.prod.website-files.com/67cb2dd62d5110e2973d39d7/68d2317ad070d05c6d10ef8b_FHPhemisterDisplayTest-LightItalic.otf

Get this font

Fhphemisterdisplay

Commercial

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

Search for Fhphemisterdisplay

Free alternatives if you can't license Fhphemisterdisplay

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

Manrope

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Manrope

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

Get this font

Manrope

Open source

Mikhail Sharanda

Free on Google Fonts under the SIL OFL.

Get Manrope from Mikhail Sharanda

Free alternatives if you can't license Manrope

InterGoogle Fonts

More neutral if you want less character.

Open

DM SansGoogle Fonts

Sibling with similar warmth.

Open

GeistOpen source

Comparable modern grotesque.

Used by 7 selectors on the page

Poppins

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Poppins

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

Get this font

Poppins

Open source

Indian Type Foundry

Free on Google Fonts under the SIL OFL.

Get Poppins from Indian Type Foundry

Free alternatives if you can't license Poppins

DM SansGoogle Fonts

Same geometric foundation, better text legibility.

Open

ManropeGoogle Fonts

Lighter, more refined version of the same idea.

Open

OutfitGoogle Fonts

Modern geometric sans with broader weight range.

Open

Used by 3 selectors on the page

webflow-icons!important

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use webflow-icons!important

font-family: webflow-icons!important, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

Get this font

webflow-icons!important

Commercial

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

Search for webflow-icons!important

Free alternatives if you can't license webflow-icons!important

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 1 selector on the page

Arial

System font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Arial

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

Get this font

Arial

System font

Monotype

Bundled with Windows and macOS.

Get Arial from Monotype

Free alternatives if you can't license Arial

InterGoogle Fonts

Sharper alternative with proper hinting.

Open

DM SansGoogle Fonts

Cleaner geometric feel.

Open

RobotoGoogle Fonts

Familiar substitute on Android.

Open

Used by 1 selector on the page

Helvetica Neue

System font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Helvetica Neue

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

Get this font

Helvetica Neue

Commercial

Linotype / Monotype

Sold by Monotype. Helvetica Now is the modernised cut.

Get Helvetica Neue from Linotype / Monotype

Free alternatives if you can't license Helvetica Neue

InterGoogle Fonts

Free alternative explicitly tuned for UI.

Open

ManropeGoogle Fonts

Slightly warmer and more modern.

Open

Work SansGoogle Fonts

Neutral grotesque with similar bones.

Open

Used by 1 selector on the page

How ideo.com loads its fonts

Get Font Info inspected the homepage of ideo.com and parsed 2 stylesheets totalling 139.4 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 27 CSS rules reference them across the page.

Check the font on a specific element

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

Open live font inspector for ideo.com

Frequently asked questions

What font does ideo.com use?

ideo.com uses Fhoscar, Fhphemisterdisplay and Manrope as its primary typefaces. These fonts are loaded from a self-hosted webfont, an unknown source and the operating system and applied across 27 CSS rules on the homepage.

Where does ideo.com load its fonts from?

ideo.com loads its fonts from a self-hosted webfont, an unknown source and the operating system. Get Font Info detected 10 @font-face declarations across 2 stylesheets on the live page.

What weights of Fhoscar does ideo.com use?

ideo.com loads Fhoscar 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 ideo.com on my website?

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

What font does substack.com use?What font does harpersbazaar.com use?What font does vimeo.com use?What font does hm.com use?What font does ebay.com use?What font does allbirds.com use?

About this page

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