The fonts are one of the most important parts of every web Project. All though there have been many other selective collection font posts around which most of the time leads to big confusions Like which typefaces is really useful for your project or how to choose your font from the list of hundred fonts.
We spent last whole week reviewing dozens of font reservoirs and typography articles about fonts usability and popularity. Finally we end up with a list of 21 Most Used Fonts by Professional Designers in Web Designing World. All the screenshots made in such a way that there is no point of confusion. You can directly check the actual preview and corresponding font type.
The basic purpose behind this post is to show popular font types. there is no direct download link available for any font. You can find some related references at the end of the post.
3. Myriad Pro
4. Avenir Std
6. Optima Std
7. ITC Franklin Gothic Std
9. Bickham Script
13. Trade Gothic
14. Gill Sans
Great roundup, I have about half of those, going to download the other half.
Keep of these great roundups
wow fonts really bother me a lot! thanks for the great share 😀
@Brandon – Welcome at iShift, We also want to provide the download links for listed fonts but it’s certainly violating some laws. so we keep our limits.
@narendra – Welcome here, In my case, fonts bothers me too
5. Tarjan has to be 5. Trajan
@varioke – Thanks for the info and welcome to iShift !!
Where’s the Verdana love? Guess I’m the only fan. Cool post and I would have to say very accurate.
The most not be professional web designers without Arial or Verdana on the list.
The less “Bickham” font that exists in the world, the better.
You do realize “professional” is spelled incorrectly in your article image, right? There’s only one f.
Thanks for the list, these fonts look great!
Nice information and attractively presented!
Excellent list ! It really proves that classic, finely crafted fonts can’t get out of fashion.
wow, I love how you have links to download/install all those fonts………. ummmm…ya?
Just one curious quick question, how can we buy professional fonts in bulk, I saw couple of fonts selling website, they are selling them individually. It will be financial disaster if we have to fork all the money for each individual font. Any idea?
Where’s Comic Sans MS? I see that EVERYWHERE. It’s like, how do we look cool? Use Comic Sans MS.
Except it isn’t cool. It isn’t cool at all.
Thanks for the nice collection.
I use most of those fonts but I think DIN FF should be added and Myriad is seriously overused these days; I don’t think it looks very professional anymore.
Wow this is truly amazing! It’s absolutely fantastic and very interesting! Thanks for sharing!
Are they listed in order of popularity? I imagine so, but it should have been stated. Also, I note you have included a whopping 13 sans serifs, 1 in between (Optima – my favorite), only six with serifs, of which one (Trajan) has only upper case, and one in another style – Bickham – of which the less said, the better. There are, in my opinion, too many sans serifs here; Frutiger, Interstate and Gotham are boring, while Franklin is useful but boring. Eurostyle is passé, and I dislike Rockwell on principle. The rest are remarkably similar. I think more serifs that are imaginative but businesslike are needed to make this a truly useful list. ITC Galliard and ITC Tiepolo are pleasing to the eye, and Goudy Old Style has its place. Something with an even lower x-height as well would tickle my eye. How can there be no serious Italic? – Bembo doesn’t count. And finally, there should be at least one good period font – my longtime favorite is the streamlined Sprint.
Professional designers don’t use Comic Sans. Amateurs might.
My new favorite font is Georgia.
@Hosting Reviews – i also love Verdana.
@Jager – that’s true, but not now days.
will try to include those in our next volume.
I’m a verdana lover myself, nice list.
I love typography, a font is a story. Thank for share!
Hey great list. There is so many bad fonts out the it can get very confusing, these are nice fonts and as always I read the comment for more handy tips
Myriad made the list because of lazy designers using the Adobe default.
I miss the 70’s and letraset…
see http://en.wikipedia.org/wiki/Arial#Criticism.2FSimilar_fonts for info on arial.
It’s the bastard child of Helvetica.
I love avenir. Didn’t know it was this popular. Maybe I’m not a professional.
@Zman – We cant provide download links as they are not available for free.
@Freddywang – it’s always good to contact them via mail for bulk order. that way you can get lot more discount.
@Eureka, Henry, – We trying to include that in next volume.
@Susan Meehan – Agreed with your point but it kinda messy to include all the types of individual fonts.
@JonShannow – that’s the whole point behind this volume.
Completely breath of what typography has to offer. This fonts teach about every are a font library should have.
Great list. Never heard of Avenir before today.
Thanks for posting this nice list..
Arial is pretty much the Microsoft version of Helvetica only not as good. There is a good documentary film by Gary Hustwit about the no. 1 font in this list. It’s called ‘Helvetica.’
I’m a long-term professional designer, and while I have most if not all of these fonts in my collection I never use them. Why? Because I don’t like them. As you say, they’re overused, and not at all typographically elegant or suitable for most clients’ needs.
Typefaces are, to me, one of the joys of design – matching the brief with appropriate (or unexpected) visual style, and the font used is very much a part of the process.
I do however admit to a guilty secret – I’ve been using Calibri for body text quite a lot recently . . .
Good post, i love avantgarde
This is a nice assortment, however, it would be nice to know where to get them for free.
yer english sucks… what a waste of time this post was. No really, thanks! It makes such a difference.
Nice thoughtful post. I’ve been a professional designer for 24 years, and honestly, I’ve never used several of these. In fact, I intentionally avoid a few of them. One of the primary things that has plagued web design since its inception is horrible typography. I’m unsure if posts like this one help to improve or erode web designers’ understanding of good typography.
The idea that there are 20 most used fonts which represent good design on the web is a bit of an odd concept. Type is designed with very specific characteristics in mind for each typeface, therefore, each and every company, person, product, or service may be best represented by different typefaces. The fact that there are tens of thousands of typefaces is testament to this fact.
I encourage designers to explore and use many typefaces outside of the 20 listed here. Of course, I have my favorites as well, some of which are listed here. Helvetica, Trajan, Franklin, and various incarnations of Bodoni rank high on my list. That said, I would never use them simply because they are among my favorites. I only use them when their character perfectly fits the job.