Since we were granted the ability to make font choices beyond Helvetica and Georgia thanks to the @font-face rule and the various webfonts services we’ve seen an explosion of custom webfonts in website designs. Nowadays we’re spoilt for choice when it comes to web typography, but which fonts and custom webfont services are the top web designers using? Let’s take a look behind a collection of well crafted typographic designs and see which fonts and techniques are the most popular.


Font used: FF Tisa
Service used: Typekit


Font used: PT Sans
Service used: Google Webfonts


Font used: Kulturista Web
Service used: Typekit


Font used: FF Tisa
Service used: Typekit


Font used: Adelle Web
Service used: Typekit


Font used: Clarendon Light
Service used: Fontspring


Font used: Rooney Web
Service used: Typekit


Font used: Populaire
Service used: MyFonts


Font used: Adelle Web
Service used: Typekit


Font used: Skolar
Service used: Fontdeck


Font used: Chaparral Pro
Service used: Typekit
Subscribe by Email
Don't miss an update! Have new content delivered straight to your inbox.
Chris Spooner is a designer who loves experimenting with new web design techniques collating creative website designs. Check out Chris' design tutorials and articles at Blog.SpoonGraphics or follow his daily findings on Twitter.
I must say this blog is very good. Already get Page Rank 5 ! excellent…Keep this good work continue.
Thanks for putting these together, Chris!
Great collection, but for me personally best custom font is Bebas Neue :)
39argyle is so nice- TypeKit has great selections
Great work and great collection. As always ;) It's such a shame though that the choice of good-looking fonts is quite nerrowed when you need the 'latin-extended' script. Google's helpfull then and I usually end up with Dosis or Open Sans.
Thank you for not listing the overused, rubbish "Lobster" typeface.
Ha, I so agree, lobster is the definition of overused!
Thanks for great collection , Formfett type is excellent .
Chris I like this article and my best font and everytime I suppose to use Century Gothic, I like it very simple and pretty cool font. What do you say?
Excellent post. I am finding that most clients want something on their site to pop and be really their own, something no one has. And this is something that I can start offering to them. I have a clients that when they yearly site refresh comes up with love the Populaire font.
Thanks.
Excellent post. Agree with not using the Lobster font too!
I saw a a web design discussion on creative week that I thought i'd share here as this is one of my favourite blogs…. (Chris always has something useful to say!) :-)
The question was: Should developers be a Jack of all Trades, or the Master of One? What do you all think?
Should there be a crossover or are these two separate disciplines that should be kept separate?
Anyone annoyed or pleased by the blurring of design vs development roles?
Look forward to your opinions folks…. Cheers
(Link to the Adobe Creative Week site here: http://bit.ly/Kic1Fk ) #CreativeWeekUK
Formfett and PT Sans are boss! I used to hate client requesting better/poppy fonts, but now i can just send them links like this and say "choose one!".
Thanks
Recently, I used a font for my website called Akashi. It's a terrible font to use for body text, but it's excellent for site headers.
Quite Impressive
Thanks Chris!
Very helpful post, it's always interesting to see how things are done by the others (from great websites BTW).
Absolutely! Thanks for maintaining a great blog here Chris.
Some great fonts there. I love custom fonts in websites.
Great round up
I am using google web fonts on my site, and find it works really well, espically for being free!!!
Glad you included the source, I'm also glad I'm paying for typekit :P
glad to see this, really likeable…. thanks for sharing
Interesting to see that judging my these examples, TypeKit is the most popular service
thanks for this text
I use Gill Sans for bodytext on my site with Frutiger which I'm a big fan off.
Typekits lack of Frutiger was a deal breaker for me
I must say,i become a regular visitor of this blog..each and every post is really interesting.keep going man…
Yeah Chris you have written nice post. In the web design, the most important part is the use of fonts for the content. You can make the design so attractive by using different fonts. Mostly the web designers are using Google web fonts in the web design.