Friday, July 13, 2012

using google web fonts in a blog post

I just discovered Google Web Fonts...who knew one could integrate fun, free fonts in a blog post?  Curious what I mean?  The pink words above are a picture, but the words below are actually typed into this post {both are the font Satisfy}:

Testing, testing, testing...

Pretty neat huh? I started with this tutorial.  Then, after adding the font to your blog, if you want to use it in a post add the following code right above the ]]></b:skin>

}h1 { font-family: 'Satisfy', cursive; font-weight: 400; }

But substitute the name for the font you're using!  Then, when typing a post, add this bit of code around the words that should be the web font:

<div style="font-family: 'Satisfy',cursive;">Text Here</div>

Then adjust the size of the font just as for any other text!

And voilĂ , custom text within a post!

Fun, huh?


  1. Wow that's cool! Maybe I will be brave and try it one day. When I have time again. Sigh. No rest for the weary who get up at 530 every day after also getting up at 11 and 3 with stubborn baby....