Tutorial: Using a Different Font on Your Blog

Here are some extra fonts that I've put together for you that are different that the ones blogger offers. Just install these fonts the same way you would install a background:

1. Copy the code (right click in the box and hit "copy")
2. Sign into blogger and click on "design"
3. This should take you to your "Page Elements" screen.
4. Click on "add a gadget" and then chose "HTML/JavaScript.
5. Paste (right click, then "paste") your code into the "content" box (you can leave the title blank).
6. Hit "Save" and you're done!

Harrington:

<a href="http://lilypuffdesigns.blogspot.com" target=_blank">I changed my font at <font face="Alba" size="3">Lily Puff</font></a><br /><br /><style type="text/css">table, tr, td, li, p, div {font-family:Harrington; color:000000; font-size:16px;}.btext {font-family:Harrington; color:000000; font-size:16px;}.blacktext10 {font-family:Harrington; color:000000; font-size:16px;}.blacktext12 {font-family:Harrington; color:000000; font-size:16px;}.lightbluetext8 {font-family:Harrington; color:000000; font-size:16px;}.orangetext15 {font-family:Harrington; color:000000; font-size:16px;}.redtext {font-family:Harrington; color:000000; font-size:16px;}.redbtext {font-family:Harrington; color:000000; font-size:16px;}.text {font-family:Harrington; color:000000; font-size:16px;}.whitetext12 {font-family:Harrington; color:000000; font-size:16px;}a:active, a:visited, a:link {font-family:Harrington; color:000000; font-size:16px;}a:hover {font-family:Harrington; color:000000; font-size:16px;}a.navbar:active, a.navbar:visited, a.navbar:link {font-family:Harrington; color:000000; font-size:16px;}a.navbar:hover {font-family:Harrington; color:000000; font-size:16px;}a.redlink:active, a.redlink:visited, a.redlink:link {font-family:Harrington; color:000000; font-size:16px;}a.redlink:hover {font-family:Harrington; color:000000; font-size:16px;}.nametext {font-family:Harrington; color:000000; font-size:16px;}</style>

cursive:
<a href="http://lilypuffdesigns.blogspot.com" target=_blank">I changed my font at <font face="Alba" size="3">Lily Puff</font></a><br /><br /><style type="text/css">table, tr, td, li, p, div {font-family:cursive; color:000000; font-size:16px;}.btext {font-family:cursive; color:000000; font-size:16px;}.blacktext10 {font-family:cursive; color:000000; font-size:16px;}.blacktext12 {font-family:cursive; color:000000; font-size:16px;}.lightbluetext8 {font-family:cursive; color:000000; font-size:16px;}.orangetext15 {font-family:cursive; color:000000; font-size:16px;}.redtext {font-family:cursive; color:000000; font-size:16px;}.redbtext {font-family:cursive; color:000000; font-size:16px;}.text {font-family:cursive; color:000000; font-size:16px;}.whitetext12 {font-family:cursive; color:000000; font-size:16px;}a:active, a:visited, a:link {font-family:cursive; color:000000; font-size:16px;}a:hover {font-family:cursive; color:000000; font-size:16px;}a.navbar:active, a.navbar:visited, a.navbar:link {font-family:cursive; color:000000; font-size:16px;}a.navbar:hover {font-family:cursive; color:000000; font-size:16px;}a.redlink:active, a.redlink:visited, a.redlink:link {font-family:cursive; color:000000; font-size:16px;}a.redlink:hover {font-family:cursive; color:000000; font-size:16px;}.nametext {font-family:cursive; color:000000; font-size:16px;}</style>


MS Sans Serif:
<a href="http://lilypuffdesigns.blogspot.com" target=_blank">I changed my font at <font face="Alba" size="3">Lily Puff</font></a><br /><br /><style type="text/css">table, tr, td, li, p, div {font-family:MS Sans Serif; color:000000; font-size:16px;}.btext {font-family:MS Sans Serif; color:000000; font-size:16px;}.blacktext10 {font-family:MS Sans Serif; color:000000; font-size:16px;}.blacktext12 {font-family:MS Sans Serif; color:000000; font-size:16px;}.lightbluetext8 {font-family:MS Sans Serif; color:000000; font-size:16px;}.orangetext15 {font-family:MS Sans Serif; color:000000; font-size:16px;}.redtext {font-family:MS Sans Serif; color:000000; font-size:16px;}.redbtext {font-family:MS Sans Serif; color:000000; font-size:16px;}.text {font-family:MS Sans Serif; color:000000; font-size:16px;}.whitetext12 {font-family:MS Sans Serif; color:000000; font-size:16px;}a:active, a:visited, a:link {font-family:MS Sans Serif; color:000000; font-size:16px;}a:hover {font-family:MS Sans Serif; color:000000; font-size:16px;}a.navbar:active, a.navbar:visited, a.navbar:link {font-family:MS Sans Serif; color:000000; font-size:16px;}a.navbar:hover {font-family:MS Sans Serif; color:000000; font-size:16px;}a.redlink:active, a.redlink:visited, a.redlink:link {font-family:MS Sans Serif; color:000000; font-size:16px;}a.redlink:hover {font-family:MS Sans Serif; color:000000; font-size:16px;}.nametext {font-family:MS Sans Serif; color:000000; font-size:16px;}</style>

Book Antiqua:

<a href="http://lilypuffdesigns.blogspot.com" target=_blank">I changed my font at <font face="Alba" size="3">Lily Puff</font></a><br /><br /><style type="text/css">table, tr, td, li, p, div {font-family:Book Antiqua; color:000000; font-size:16px;}.btext {font-family:Book Antiqua; color:000000; font-size:16px;}.blacktext10 {font-family:Book Antiqua; color:000000; font-size:16px;}.blacktext12 {font-family:Book Antiqua; color:000000; font-size:16px;}.lightbluetext8 {font-family:Book Antiqua; color:000000; font-size:16px;}.orangetext15 {font-family:Book Antiqua; color:000000; font-size:16px;}.redtext {font-family:Book Antiqua; color:000000; font-size:16px;}.redbtext {font-family:Book Antiqua; color:000000; font-size:16px;}.text {font-family:Book Antiqua; color:000000; font-size:16px;}.whitetext12 {font-family:Book Antiqua; color:000000; font-size:16px;}a:active, a:visited, a:link {font-family:Book Antiqua; color:000000; font-size:16px;}a:hover {font-family:Book Antiqua; color:000000; font-size:16px;}a.navbar:active, a.navbar:visited, a.navbar:link {font-family:Book Antiqua; color:000000; font-size:16px;}a.navbar:hover {font-family:Book Antiqua; color:000000; font-size:16px;}a.redlink:active, a.redlink:visited, a.redlink:link {font-family:Book Antiqua; color:000000; font-size:16px;}a.redlink:hover {font-family:Book Antiqua; color:000000; font-size:16px;}.nametext {font-family:Book Antiqua; color:000000; font-size:16px;}</style>

Century Gothic:

<a href="http://lilypuffdesigns.blogspot.com" target=_blank">I changed my font at <font face="Alba" size="3">Lily Puff</font></a><br /><br /><style type="text/css">table, tr, td, li, p, div {font-family:Century Gothic; color:000000; font-size:16px;}.btext {font-family:Century Gothic; color:000000; font-size:16px;}.blacktext10 {font-family:Century Gothic; color:000000; font-size:16px;}.blacktext12 {font-family:Century Gothic; color:000000; font-size:16px;}.lightbluetext8 {font-family:Century Gothic; color:000000; font-size:16px;}.orangetext15 {font-family:Century Gothic; color:000000; font-size:16px;}.redtext {font-family:Century Gothic; color:000000; font-size:16px;}.redbtext {font-family:Century Gothic; color:000000; font-size:16px;}.text {font-family:Century Gothic; color:000000; font-size:16px;}.whitetext12 {font-family:Century Gothic; color:000000; font-size:16px;}a:active, a:visited, a:link {font-family:Century Gothic; color:000000; font-size:16px;}a:hover {font-family:Century Gothic; color:000000; font-size:16px;}a.navbar:active, a.navbar:visited, a.navbar:link {font-family:Century Gothic; color:000000; font-size:16px;}a.navbar:hover {font-family:Century Gothic; color:000000; font-size:16px;}a.redlink:active, a.redlink:visited, a.redlink:link {font-family:Century Gothic; color:000000; font-size:16px;}a.redlink:hover {font-family:Century Gothic; color:000000; font-size:16px;}.nametext {font-family:Century Gothic; color:000000; font-size:16px;}</style>

Monotype Corsiva:

<a href="http://lilypuffdesigns.blogspot.com" target=_blank">I changed my font at <font face="Alba" size="3">Lily Puff</font></a><br /><br /><style type="text/css">table, tr, td, li, p, div {font-family:Monotype Corsiva; color:000000; font-size:18px;}.btext {font-family:Monotype Corsiva; color:000000; font-size:18px;}.blacktext10 {font-family:Monotype Corsiva; color:000000; font-size:18px;}.blacktext12 {font-family:Monotype Corsiva; color:000000; font-size:18px;}.lightbluetext8 {font-family:Monotype Corsiva; color:000000; font-size:18px;}.orangetext15 {font-family:Monotype Corsiva; color:000000; font-size:18px;}.redtext {font-family:Monotype Corsiva; color:000000; font-size:18px;}.redbtext {font-family:Monotype Corsiva; color:000000; font-size:18px;}.text {font-family:Monotype Corsiva; color:000000; font-size:18px;}.whitetext12 {font-family:Monotype Corsiva; color:000000; font-size:18px;}a:active, a:visited, a:link {font-family:Monotype Corsiva; color:000000; font-size:18px;}a:hover {font-family:Monotype Corsiva; color:000000; font-size:18px;}a.navbar:active, a.navbar:visited, a.navbar:link {font-family:Monotype Corsiva; color:000000; font-size:18px;}a.navbar:hover {font-family:Monotype Corsiva; color:000000; font-size:18px;}a.redlink:active, a.redlink:visited, a.redlink:link {font-family:Monotype Corsiva; color:000000; font-size:18px;}a.redlink:hover {font-family:Monotype Corsiva; color:000000; font-size:18px;}.nametext {font-family:Monotype Corsiva; color:000000; font-size:18px;}</style>

papyrus:

<a href="http://lilypuffdesigns.blogspot.com" target=_blank">I changed my font at <font face="Alba" size="3">Lily Puff</font></a><br /><br /><style type="text/css">table, tr, td, li, p, div {font-family:papyrus; color:000000; font-size:18px;}.btext {font-family:papyrus; color:000000; font-size:18px;}.blacktext10 {font-family:papyrus; color:000000; font-size:18px;}.blacktext12 {font-family:papyrus; color:000000; font-size:18px;}.lightbluetext8 {font-family:papyrus; color:000000; font-size:18px;}.orangetext15 {font-family:papyrus; color:000000; font-size:18px;}.redtext {font-family:papyrus; color:000000; font-size:18px;}.redbtext {font-family:papyrus; color:000000; font-size:18px;}.text {font-family:papyrus; color:000000; font-size:18px;}.whitetext12 {font-family:papyrus; color:000000; font-size:18px;}a:active, a:visited, a:link {font-family:papyrus; color:000000; font-size:18px;}a:hover {font-family:papyrus; color:000000; font-size:18px;}a.navbar:active, a.navbar:visited, a.navbar:link {font-family:papyrus; color:000000; font-size:18px;}a.navbar:hover {font-family:papyrus; color:000000; font-size:18px;}a.redlink:active, a.redlink:visited, a.redlink:link {font-family:papyrus; color:000000; font-size:18px;}a.redlink:hover {font-family:papyrus; color:000000; font-size:18px;}.nametext {font-family:papyrus; color:000000; font-size:18px;}</style>

**Just note that if you don't have that particular font installed on your computer you will just see the default blogger font. To add ANY font to your Post and Sidebar titles check out THIS tutorial by Amanda! She is awesome! Happy blogging!

♥Missy :)