Top 10 Fonts Web Designers Love

Posted by Harshad

Top 10 Fonts Web Designers Love

Top 10 Fonts Web Designers Love

Posted: 14 May 2012 11:25 PM PDT

When I was starting out with Web and graphic design, I was always wondering about the fonts that real designers use. So I conducted a research to find out the most popular fonts designers like to use, their best practices, and also out of personal curiosity, their typographical needs. It would be nice to know which font is good for which situation and today I am sharing with you the results of my research.

Through a combination of data collected from Polldaddy, Forrst, Facebook and Twitter, I got feedback from 34 designers from 14 countries answering questions about their favorite fonts and explaining to me why they love them. By analysing all the input submitted I have uncovered some interesting information, which has been put together in an infographic by friends in Piktochart.

Below that, check out the Top 10 list of free and premium fonts, and some of the interesting reasons why designers have their favorite fonts.

Click on image to see in full scale.

top 10 fonts ig preview Top 10 Fonts Web Designers Love

Top 10 Favorite Free Fonts

Here is the list of Top 10 free fonts mentioned by Web and graphic designers in the survey. Fonts that come bundled with operating systems, fonts like Arial, Verdana, Times New Roman, Georgia, and Tahoma have been excluded.

  1. Myriad Pro
  2. League Gothic
  3. Cabin
  4. Corbel
  5. Museo Slab
  6. Bebas Neue
  7. Ubuntu
  8. Lobster
  9. Franchise
  10. PT Serif

Top 10 Premium Fonts

This is the list of most popular premium (paid) fonts among designers. Some of them are very expensive but the quality of the font speaks for itself.

  1. Helvetica
  2. Gotham
  3. DIN
  4. Futura
  5. Neo Sans
  6. Adobe Caslon
  7. Skolar
  8. Kautiva
  9. Caecilia
  10. Fedra Sans

What designers are saying

Jonny Pigg, United Kingdom

Twitter: @jonnydapigg

Impact – lovely striking bold headline font, easy to read.

Avant garde – bit common but popular with clients, smooth, no fuss lettering. Great for headings, sub-headings and body text (if there’s not too much).

Jr! hand – this turns up in a lot of my t-shirt designs.

Courier – great for sale-type banners, readable and available everywhere (handy for the Web).

jonny pigg Top 10 Fonts Web Designers Love

R Bitten, Brazil

Twitter: @bittenworks

Frutiger – It’s temporal, balanced and natural.

Futura – elegance, simplicity, looks good almost everywhere.

Didot – elegance and personality.

Lobster/Marketscript – my favorite retro manuscript font.

Museo Slab – a recent discovery.

League Gothic – a better impact.

Courier – another elegant font.

Rockwell – good for headlines.

Gills Sans and Helvetica are always good options too.

bittenworks Top 10 Fonts Web Designers Love

Edgaras Benediktavicius, Denmark

Twitter: @edgarascom

Century Gothic – solid circular letters.

Trebuchet MS – high readability, web safe, nice.

DejaVu Serif – my favorite serif font.

Rockwell – my favorite slab font.

Convington – very nice modernized retro font.

Comic Sans – makes me laugh.

edgaras benediktavicius Top 10 Fonts Web Designers Love

Keiron Lowe, United Kingdom

Twitter: @Keiron_Lowe

Lobster has been so overused it’s become the new comic sans! The most popular font used by designers is definitely Helvetica Neue.

keiron lowe Top 10 Fonts Web Designers Love

Cameron Olivier, South Africa

Twitter: @cameronolivier

If it is free-for-web fonts, FontSquirrel is for the win but as such, my ‘favourite’ fonts are from a very limited stock.

Trebuchet Ms. mostly because it’s on the standard web compatible list, underused, has some great lines and a very tasty italic version.

Quicksand – love the light version – although the font in general is well produced and has some great lines.

Makes – for good heading text, albeit softer, with its subtle curves.

Museo Slab – a great slab-serif. All the Museo’s are great in their own right really, particularly the Slab.

Marketing Script – what a great little font – has a great hand-written feel without being ‘kiddie’. Really like using it as a constrained "easy" font.

Aller – another great font. The different weightings are handy, but the display variant lets loose a little and makes for some great headlines.

ChunkFive – a great, solid heavy font. Really like the heaviness and impact it makes in the page.

cameron olivier Top 10 Fonts Web Designers Love

Stacey Lane, United States

Twitter: @stacigh

DIN, Gotham, Caecilia, FF Meta, Helvetica Neue.

With the exception of Caecilia, all of these are sans-serif fonts with loads of varying weights. Caecilia is also on this list because it is very geometric and I love the Slab. Also, all of these fonts have a relatively large x-height, which is my preference.

stacey lane Top 10 Fonts Web Designers Love

Sergiu Naslau, Romania

Twitter: @serjeniu

Franklin Gothic – this font screams for attention. It’s big, bold, and it plays well with other sans-serif fonts.

Helvetica – when it comes to readability, it’s Helvetica or Tahoma. It has its own personality (Inserat or Neue). When it comes to designing a logo, when it comes to the typography, I always play with Helvetica first.

Tahoma – this font is a team player. When it comes to integrating content into the layout and putting everything together, Tahoma looks like it was made to be there.

Brush Script Std – the handwriting look blows me away, in general. In online projects, they tell a story and it appeals to the ego too.

Georgia – this font works great when it comes to capitalizing everything. When you play with the kerning, the letters always look good. It fills the space between the letters, not add to it (too much space lettering in Helvetica may destroy the visual impact).

sergiu naslau Top 10 Fonts Web Designers Love


So there you have it a brief but telling research about the relationship between designers and their fonts. A big thank you to all the designers who helped me out by taking the survey, answering questions as well as sharing their favorite fonts with the design community at large. What about your favourite fonts? Have your say.

Related posts:

  1. Beautiful Fonts for Titles & Headlines
  2. 7 Types of Extra Bold Fonts (With Examples)
  3. A Look Into: Fonts Used In Logos of Popular Brands
  4. 10 Free Fonts to Capture Online Visitors

Top 10 Fonts Web Designers Love [Infographic]

Posted: 14 May 2012 11:24 PM PDT

Ever wonder what fonts other web designers prefer to use in their work? Ever wonder if your choice of font can help you set you apart from the rest? Ever wanted to know the answers to a question so badly that you would carry out a research to find out? Fellow web designer and writer of Hongkiat.com, Tomas Laurinavicius did just that. Granted it’s not a large sample size but the research revealed some interesting information like 3 Top 10 lists of fonts designers most love, most popular free fonts and most popular premium ones.

With some help from our friends in Piktochart, here is the gist of the research bundled up in a short infographic, exclusively for Hongkiat.com readers. And if you would like to know more, check out Tomas’ write-up about the research to get some insights from a few designers who took the time out to talk to Tomas about their favorite fonts to work with.

top to fonts web designers love infographic Top 10 Fonts Web Designers Love [Infographic]

Spot an infographic you think will be a perfect fit here? Send the link to us with relevant details and we’ll credit you with the find.

Related posts:

  1. Wikipedia: Redefining Research [Infographic]
  2. Graphic Designer’s Journey: Freelance to Freedom [Infographic]
  3. Beautiful Fonts for Titles & Headlines
  4. 7 Types of Extra Bold Fonts (With Examples)


Post a Comment