UX

Truth About “Cool Fonts”: We Scraped the Fonts That Designers Actually Use

Summary: According to our fonts study, designers of the best startups don’t use the trendy, cool fonts (surprise). Instead, they rely on old good system fonts, some of the popular Google Fonts, and they misspell font names a lot.

Check the font service on Product Hunt and join the discussion

“What’s your favorite font face?”

Impressing a Designer

“What’s your favorite font face?” — she asked after the second glass.

That was a tough question.

Segoe UI? Uncool.

Comic Sans? OK, you tried to be funny at least.

Helvetica Neue? It lacks personality.

Which fonts are cool fonts? Which fonts do people use after all? In particular, which fonts do successful teams use?

Fonts of the Best Startups

So we performed a study.

For best startups, we chose those which won on ProductHunt. We took it over multiple years.

We scraped the CSS from these websites and checked the font-face attributes.

Font Study Results

This way we’ve got:

  • The most popular fonts
  • For each of them, the most popular font combinations
  • For each font pair, the list of websites that use it

Have a look

The most popular font combination on ProductHunt: Helvetica Neue and Consolas

Numbers

We’ve got thousands of fonts in the study.

Let’s limit our analysis to:

  • Top 50 fonts
  • For each of these, top 50 fonts that combine with them.

Here’s what we get.

Here’s our study of the best fonts in the numbers.

Best Fonts

We hoped to find the combinations of the fonts that trend in each particular year. Instead, we’ve found that there are few trends. In fact, people remain using the same fonts over and over again for years, if not centuries.

Key Insights

  • People use the system fonts, a lot.

People use the system fonts, a lot.

  • People use Google Fonts, a lot.
  • And there’s a long tail of the misspelled fonts. See below for some entertaining stats.
  • People use many icon fonts. Many! We’ve filtered out over 20.
  • Shockingly, no Comic Sans!

Icon Fonts

New projects still use the fonts for icons in 2018 (how to convert the icons to the fonts — better don’t though).

While we proposed a number of better solutions, they’re not close to our Line Awesome library. Is it the purpose? Replacing one icon font with another icon font.

Funny: Misspelled Fonts

At first, we tried to locate all fonts in 3 font libraries:

  • Google Fonts
  • Typekit
  • Font Squirrel

Of 500 unique fonts that we scraped, only 126 had matches in any of three libraries. Of the remaining 374, misspelled words are the majority.
Examples of the misspelled fonts:

  • Montserray → it should be Montserrat
  • Rpboto → it must be Roboto

Cliches Are True

People don’t look like their Instagram shots. True.

People are not as happy as their Facebook profiles are trying to convince us. True.

And designers don’t use all that trendy font combinations. True. We love this guide from Great Simple. Our study shows people only like it.

“Whatever Chrome shows for sans-serif, I like it”, — I can say.

About the author: Ivan Braun, UX designer, founder of Icons8

Check the font service on Product Hunt and let us know what you think

icons8

Recent Posts

Ultimate green color guide: psychology, codes, and why your brain is obsessed

Your eye peaks at 555nm wavelength. That's literally green. So when you can't stop staring…

4 days ago

Free MCP server that will save you 3 hours of icon hunting every day

AI coding tools got smart about everything except icons. Still hunting through browser tabs like…

2 weeks ago

Liquid Glass icon generator, 53 curated styles, and more: Illustration Generator vol. 2

Your design workflow just got stupid fast. Skip the creative block spiral and generate exactly…

2 weeks ago

UX gems: from tooltips to flying unicorns

Small design touches that create loyal users and word-of-mouth marketing—secrets that will make people love…

1 month ago

Is this the end of painful character design for game devs?

How Distinctive Games used AI generated faces to nail character design for Rugby Nations without…

1 month ago

What they don’t tell you about taking your freelance graphic design career

From insurance chaos to client nightmares—the freelance design world hits different when you're flying solo.…

1 month ago

This website uses cookies.