Best Handwriting Fonts from Google Fonts

I prefer create woman blog template and use handwriting font for post, title, or sidebar. I think handwriting font is a friendly font, unformal, and girly. It's just my humble opinion maybe you have different thought.

Since Google launched Google Web Fonts, I have used it on my blog CSS. Google web fonts let you to use it on your web with free host from Google.

Here I share best handwriting fonts from Google webfonts.

The Girl Next Door
Foundry: Kimberly Geswein
Version: 1.002 2010

'the girl next door' is based on the handwriting of a middle school geography teacher.

Dawning of a New Day
Foundry: Kimberly Geswein
Version: 1.002 2010

Dawning of a New Day is based on the handwriting of a friend.

Waiting for the Sunrise
Foundry: Kimberly Geswein
Version: 1.001 2001

Waiting for the Sunrise is based on the handwriting of a high school student. I usually use this font for kids,children,or any personal blog template.

Pacifico
Foundry: vernon adams
Version: 1.000

Pacifico is an original and fun brush script handwriting font by Vernon Adams which was inspired by the 1950s American surf culture. I usually use Pacifico font for blog title CSS.

Just Another Hand
Foundry: Astigmatic (AOETI)
Version: 1.000

Just Another Hand is a narrow brush drawn handwriting font. Use this for post or body font.

Dancing Script
Foundry: Pablo Impallari. www.impallari.com
Version: 1.002

Dancing Script is a lively casual script where the letters bounce and change size slightly. Caps are big, and goes below the baseline. Dancing Script references popular scripts typefaces from the 50's. It relates to Murray Hill (Emil Klumpp. 1956) in his weight distribution, and to Mistral (Roger Excoffon. 1953) in his lively bouncing effect.
This beautiful font suitable for woman blog.

Crafty Girls
Foundry: Font Diner, Inc DBA Tart Workshop
Version: 1.000

Inspired by crochet hooks, yarn, grandma's button box, thread, glitter and crafty girls hands everywhere! This is a casual and friendly font, suitable for teen personal blog CSS template.

If you're using new template designer you can easily pick the font from the template designer. But if you're using customized template, read this how to use cstom font.

How To Use Custom Google Font on Customized Blogger Template?

On my previous post about More Fonts for Blogger Template, we can use this various fonts directly ONLY IF we use default template from Blogger Template Designer feature.

But most of Blogger user, use customized template so can not use this font directly. I'm sure you don't want to mess up your current blog design, but really want to change my fonts. This is step how to change fonts with Google fonts.

1. Go to Google Font Directory, choose the font you may interested in. For this example, I choose Crafty Girls Font Family.
2. Click on Use this font menu. To embed font into your web page copy the following code under every font. IMPORTANT NOTE : On Google font directory, the original code is <link href='http://fonts.googleapis.com/css?family=Crafty+Girls' rel='stylesheet' type='text/css'> , remember to add "/" character before closed tag, so the result code is <link href='http://fonts.googleapis.com/css?family=Crafty+Girls' rel='stylesheet' type='text/css'/>
3. Open Dashboard > Design > Edit HTML, then paste copied modified code put before <b:skin><![CDATA[/* on EDIT HTML template menu.
4. Simply use the font in your CSS font stack like any other font, for example, if you want to use it on Post Title, find h3 css code then insert the font family. For example : .post h3 { 'Crafty Girls', Arial, Verdana;} . Remember you can use this wherever you want, on sidebar title (find .h2) , on post body (find .post-body) etc
5. Click Save template button
   

How to Use Google Font API on Blog CSS?

What is Google Font API? The Google Font API helps you add web fonts to any web page. It means you dont need to install font family on your desktop computer to see custom font on any web.
Benefits of the Google Font API include:

• A choice of high quality open source fonts.
• Works in most browsers.
• Extremely easy to use.

For example, the following text uses a web font called Tangerine:


We can apply this font on web without install it on our PC, even our visitor can see it because we use font and script from Google Directory.

Yes, Google have created Google Font Directory. There we can browse this catalog of available fonts, learn about the font designers who created them, and copy the code required to use them on our web page. The fonts in the directory are all released under open source licenses; you can use them on any non-commercial or commercial project.



Now, we can use this unique font on our website or blog. How to use Google Font API ? For reference, you can read this Quick Start example or follow this example.

Step 1
Open Layout>Edit HTML. Add a stylesheet link to request the desired web font(s). Copy these code and paste after <head> code

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Font+Name"/>

Note : Change Font name as your desire or you can pick this code from Google Font Directory. For exampale if you want to use Yanone Kaffeesatz font, go to Google font directory, click on font type, then click on Get Code.

<link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz" rel="stylesheet" type="text/css"/>

Step 2
Insert CSS code
font-family: 'Yanone Kaffeesatz', arial, serif;

You can insert it wherever you want. For example you want use that font for Post title, so insert it after
.post h3 {

or you want to use it as global font so insert it after
body{

etc.

I try to use custom font for my post title as you can see it. I think this is a great idea especially for everyone who concern on blog design and appearance. Thanks Google.