Typography in Website Design: Handwritten Fonts

Typography in Website Design: Handwritten Fonts

We have recently published an article on Effective Typography in Web Design, where we chose some beautifully designed typographic effects and designs being a large feature of the website.

Today we are looking at handwritten fonts as a large design element. Handwritten typography has traditionally been used for sites aimed at or about children, comic or comedy style sites and doodle-style website design. More recently we are seeing handwritten fonts in more serious sites as well as the aforementioned styles, and the plethora of available handwritten fonts makes this style of typography easier for designers. We have also selected some free handwritten fonts and web fonts, which are listed after the website showcase.

Websites with Handwritten Typography

Moon
Moon

BaBaDum
BaBaDum

WinShape Camps
WinShape Camps

PlayStation – Gran Turismo 6 – First Love
PlayStation - Gran Turismo 6 - First Love

Fillet
Fillet

Just a Reflektor
Just a Reflektor

Alkopedia
Alkopedia

Served MCR
Served MCR

Michael Berger Monkey
Michael Berger Monkey

GoodTwin
GoodTwin

Marcello Pisano
Marcello Pisano

CaoFashion
CaoFashion

isDesign
isDesign

Ntinos Fouskas
Ntinos Fouskas

Michi Oto
Michi Oto

Shiralea
Shiralea

Les Recuperacteurs
Les Recuperacteurs

Das Richtige fur Jeden
Das Richtige fur Jeden

Prime Burger
Prime Burger

KIKK Festival
KIKK Festival

Petit Mariage Entre Amis
Petit Mariage Entre Amis

Javier Guzman
Javier Guzman

Bam Strategy
Bam Strategy

A. Kitchen
A. Kitchen

Bump
Bump

Ousback
Ousback

BootB
BootB

Mariska
Mariska

Sarah Ray
Sarah Ray

delaBanda Design
delaBanda Design

Handwritten Fonts

Journal
Free for personal use, donate for commercial use.

Journal
Journal Font | Download

Talking to the Moon
Free for personal use, donate for commercial use

Talking to the Moon
Talking to the Moon Font | Download

Ampersand
Free for personal use, donate for commercial use

Ampersand
Ampersand Font | Download

Note This
Free for both personal and commercial use

Note This
Note This Font | Download

Angelina
Free for both personal and commercial use

Angelina
Angelina Font | Download

Jenna Sue
Free for both personal and commercial use

Jenna Sue
Jenna Sue Font | Download

Halo Handletter
Free for personal use, donate for commercial use

Halo Handletter
Halo Handletter Font | Download

Architect’s Daughter
Free for personal and commercial use under the SIL Open Font License

Architect's Daughter
Architect’s Daughter Font | Download

HarabaraHand
Free for both personal and commercial use

HarabaraHand
HarabaraHand Font | Download

Short Stack
Free for personal and commercial use under the SIL Open Font License

Short Stack
Short Stack Font | Download

Please Write Me a Song
Free for personal use, donate for commercial use

Please Write Me a Song
Please Write Me a Song Font | Download

James Fajardo
Free for both personal and commercial use

James Fajardo
James Fajardo Font | Download

Pastel Crayon
Free for personal use, donate for commercial use

Pastel Crayon
Pastel Crayon Font | Download

Web Fonts

If you prefer to code your fonts into your projects, here is a selection of handwritten web fonts:

Montez
Montez

Arizonia
Arizonia

Sue Ellen Francisco
Sue Ellen Francisco

Gochi Hand
Gochi Hand

Princess Sofia
Princess Sofia

Covered By Your Grace
Covered By Your Grace

Indie Flower
Indie Flower

Meddon
Meddon

Rock Salt
Rock Salt

Mr Bedfort
Mr Bedfort

Conclusion

Hopefully you have found some inspiration from the website examples and from the free fonts we have featured in this article.

Have you used handwritten fonts in any of your projects? Do you intend using such fonts in the future? Please share your links and opinions with us in the comments section below.

Deals

Iconfinder Coupon Code and Review

Iconfinder offers over 1.5 million beautiful icons for creative professionals to use in websites, apps, and printed publications. Whatever your project, you’re sure to find an icon or icon…

WP Engine Coupon

Considered by many to be the best managed hosting for WordPress out there, WP Engine offers superior technology and customer support in order to keep your WordPress sites secure…

InMotion Hosting Coupon Code

InMotion Hosting has been a top rated CNET hosting company for over 14 years so you know you’ll be getting good service and won’t be risking your hosting company…

SiteGround Coupon: 60% OFF

SiteGround offers a number of hosting solutions and services for including shared hosting, cloud hosting, dedicated servers, reseller hosting, enterprise hosting, and WordPress and Joomla specific hosting.