Image preview: Handwritten Typography (Uses+Inspiration+Free Fonts)

Handwritten Typography (Uses+Inspiration+Free Fonts)

This post looks at the common uses of handwritten typography within web design. It showcases some excellent uses of handwritten typography, and also provides the 10 best free handwritten fonts to use in your own designs.

Read More... 17 comments

Handwritten Fonts:

Handwritten fonts are hugely popular in the design world, and perhaps nowhere more so than in the field of web design. Particularly in the recent years of ‘grunge design’ trends, handwritten fonts have been pushed to their very limits, often with fantastically creative outcomes.

We’re going to look at just how to integrate these awesome fonts into successful designs, and get the most out of the trend that is handwritten typography.

20 Best Free Handwritten Fonts

I’ve narrowed down the 10 best handwritten fonts. These free fonts are sure to give your work a professional look!

1. Ginga
hwf1a Handwritten Typography (Uses+Inspiration+Free Fonts)
hwf1b Handwritten Typography (Uses+Inspiration+Free Fonts)

2. Dirty and Classic
hwf2a Handwritten Typography (Uses+Inspiration+Free Fonts)
hwf2b Handwritten Typography (Uses+Inspiration+Free Fonts)

3. Olho de Boi
hwf3a Handwritten Typography (Uses+Inspiration+Free Fonts)
hwf3b Handwritten Typography (Uses+Inspiration+Free Fonts)

4. Green Piloww
hwf4a Handwritten Typography (Uses+Inspiration+Free Fonts)
hwf4b Handwritten Typography (Uses+Inspiration+Free Fonts)

5. Dear Joe
hwf5a Handwritten Typography (Uses+Inspiration+Free Fonts)
hwf5b Handwritten Typography (Uses+Inspiration+Free Fonts)

6. Positiv-A
hwf6a Handwritten Typography (Uses+Inspiration+Free Fonts)
hwf6b Handwritten Typography (Uses+Inspiration+Free Fonts)

7. Handwriting
hwf7a Handwritten Typography (Uses+Inspiration+Free Fonts)
hwf7b Handwritten Typography (Uses+Inspiration+Free Fonts)

8. Cricket
hwf8a Handwritten Typography (Uses+Inspiration+Free Fonts)
hwf8b Handwritten Typography (Uses+Inspiration+Free Fonts)

9. Mr B
hwf9a Handwritten Typography (Uses+Inspiration+Free Fonts)
hwf9b Handwritten Typography (Uses+Inspiration+Free Fonts)

10. Honey I Stole Your Jumper
hwf10a Handwritten Typography (Uses+Inspiration+Free Fonts)
hwf10b Handwritten Typography (Uses+Inspiration+Free Fonts)

Handwritten Typography in Web Design:

Handwritten typography can give an impression of detail and preciseness to a web design. Additionally, it can denote creativity, and naturalism.

The 10 websites below show excellent examples of handwritten typography:

hwd1 Handwritten Typography (Uses+Inspiration+Free Fonts)

Barista use handwritten typography to create a fun atmosphere that engages the viewer. The combination of handwritten text and hand-drawn arrows entice the user to click on the various parts of this website.

hwd2 Handwritten Typography (Uses+Inspiration+Free Fonts)

Many web design agencies utilize handwritten typography, and VSplash is a great example of this. The combination of standard web fonts and handwritten typography subtly signify a fusion of creativity and function.

hwd3 Handwritten Typography (Uses+Inspiration+Free Fonts)

BrandNew use handwritten typography to fit with their easy-going, creative philosophy. The way that their menu navigation appears to be simply scrawled on a wall shows how they are able to think outside of the box, a sentiment that is echoed on their about page, and in the homepage video.

hwd4 Handwritten Typography (Uses+Inspiration+Free Fonts)

Alex Saunders’ portfolio combines handwritten fonts and bright colors to create a very approachable, friendly atmosphere within his website. The website is almost child-like in this respect, but in terms of design is highly professional and deliberate.

hwd5 Handwritten Typography (Uses+Inspiration+Free Fonts)

SprocketHouse has combined the styles of handwritten, grungy and retro to great effect. This design shows how handwritten fonts can really give a sense of authenticity to more retro designs, as regular fonts would spoil the effect.

Further Reading

Beautiful Handwriting, Lettering and Calligraphy

Hand-Drawing Style in Modern Web Design

HandWritten Typographers

20 Free Handwritten Fonts and Resources

About the Author: Tom is the founder of PSDFAN. He loves writing tutorials, learning more about design and interacting with the community. On a more interesting note he can also play guitar hero drunk with his teeth.

17 Awesome Comments: Leave Your Comment

  1. User GravatarGisele 7th April 2009

    Great post! Really liked the positiva style.

  2. User Gravatarxea 7th April 2009

    Thanks very much for the relevant information! ;)

  3. User GravatarTom 7th April 2009

    Thanks guys, I’m glad you enjoyed the post :)

    Gisele: Yeah, Positiva is an awesome font.

  4. User GravatarSimon 7th April 2009

    Nice article. I really like the wonderfully named ‘Honey I Stole Your Jumper’ font :)

  5. User GravatarTom 7th April 2009

    Thanks Simon! Yeah that font name made me laugh :)

  6. User GravatarSalmen 7th April 2009

    Nice roundup :)

    i love the positiv-A

  7. User GravatarTom 7th April 2009

    Thanks Salmen. I hope you get a chance to use it in your own designs!

  8. RJ 8th April 2009

    This is super! Just yesterday I was searching for some good fonts for use in my project. Perfect timing!

  9. User GravatarBrendon Grobler 8th April 2009

    Great post. Awesome idea to include some of the better handwritten fonts in it.

  10. User GravatarAdam - Creare Design 8th April 2009

    I’m really liking Honey I stole Your Jumper – reckon I can use this typeface on a site sometime. I also find Notepad to be a clear, simple handwritten typeface.

  11. User GravatarJennifer Farley 8th April 2009

    Really like the cricket font. Thanks!

  12. Micah Chock 8th April 2009

    Thanks for taking the time to find these. Much appreciated!

  13. User GravatarWebbo 10th April 2009

    Thanks, this is a really helpful post. Currently working on this style for my website redesign – so this info is very much appreciated.

    Keep up the good work.

  14. User GravatarFranz Jeitz 10th April 2009

    I love this style and am always on the lookout for organic, hand-written resources and inspiration. Thank you!

  15. User Gravataralex 19th April 2009

    Great lists thanks!! hope can see more web site examples

  16. User GravatarGraham 22nd April 2009

    Nice article! I designed the Barista website, so when I stumbled over this article it made my day! Thanks for the wrap. :)

  17. User GravatarAshely Adams : Sticker Printing 18th September 2009

    I really love good handwritten fonts. They can actually make your design unique…in fact…they can help you to achieve dramatic effects. I particularly liked Dear Joe. Thanks for sharing.

Leave a Comment: