Tutorial: Changing Fonts

Have you ever wondered how to change fonts on your blog? Well here you go!

1. Sign in to Blogger. This will take you to your Dashboard.
2. Under the blog you wish to change the font for, click on Layout.
3. You are now in the 'Add and Arrange Page Elements' screen. Click 'Add a Gadget'.
4. You are now in the 'Add a Gadget' screen. Scroll down to where it says 'HTML/JavaScript'. Next to that, click on the (+) sign.
5. You are now in the 'Configure HTML/JavaScript' Screen. Under Content you'll see a large box, paste the entire following HTML code from the font you'd like to use in that space.
6. Click 'Save'.

Here are the fonts you can use:

Papyrus:

<br /><br /><br /><a href="/">I changed my font at <span style="font-family:Alba;font-size:130%;">thecutestblogontheblock.com</span></a><br /><br /><style type="text/css">table, tr, td, li, p, div {font-family:Papyrus; color:000000; font-size:15px;}.btext {font-family:Papyrus; color:000000; font-size:15px;}.blacktext10 {font-family:Papyrus; color:000000; font-size:15px;}.blacktext12 {font-family:Papyrus; color:000000; font-size:15px;}.lightbluetext8 {font-family:Papyrus; color:000000; font-size:15px;}.orangetext15 {font-family:Papyrus; color:000000; font-size:15px;}.redtext {font-family:Papyrus; color:000000; font-size:15px;}.redbtext {font-family:Papyrus; color:000000; font-size:15px;}.text {font-family:Papyrus; color:000000; font-size:15px;}.whitetext12 {font-family:Papyrus; color:000000; font-size:15px;}a:active, a:visited, a:link {font-family:Papyrus; color:000000; font-size:15px;}a:hover {font-family:Papyrus; color:000000; font-size:15px;}a.navbar:active, a.navbar:visited, a.navbar:link {font-family:Papyrus; color:000000; font-size:15px;}a.navbar:hover {font-family:Papyrus; color:000000; font-size:15px;}a.redlink:active, a.redlink:visited, a.redlink:link {font-family:Papyrus; color:000000; font-size:15px;}a.redlink:hover {font-family:Papyrus; color:000000; font-size:15px;}.nametext {font-family:Papyrus; color:000000; font-size:15px;}</style><img style="visibility:hidden;width:0px;height:0px;" mce_style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="/" /><img style="visibility:hidden;width:0px;height:0px;" mce_style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.2NXC/bT*xJmx*PTEyMjU2NTgyMDg4OTkmcHQ9MTIyNTY1ODIxNTk2MiZwPTM5MDEmZD1mbGFzaHRveXMmZz*xJnQ9Jm89MTNhNmIxNTg2ZjI4NDAwZDk4NGM4OTU1NTgyZmEwNTE=.gif" /> <br />

Lucinda Handwriting:

<br /><br /><br /><a href="/">I changed my font at <span style="font-family:Alba;font-size:130%;">thecutestblogontheblock.com</span></a><br /><br /><style type="text/css">table, tr, td, li, p, div {font-family:Lucida Handwriting; color:000000; font-size:13px;}.btext {font-family:Lucida Handwriting; color:000000; font-size:13px;}.blacktext10 {font-family:Lucida Handwriting; color:000000; font-size:13px;}.blacktext12 {font-family:Lucida Handwriting; color:000000; font-size:13px;}.lightbluetext8 {font-family:Lucida Handwriting; color:000000; font-size:13px;}.orangetext15 {font-family:Lucida Handwriting; color:000000; font-size:13px;}.redtext {font-family:Lucida Handwriting; color:000000; font-size:13px;}.redbtext {font-family:Lucida Handwriting; color:000000; font-size:13px;}.text {font-family:Lucida Handwriting; color:000000; font-size:13px;}.whitetext12 {font-family:Lucida Handwriting; color:000000; font-size:13px;}a:active, a:visited, a:link {font-family:Lucida Handwriting; color:000000; font-size:13px;}a:hover {font-family:Lucida Handwriting; color:000000; font-size:13px;}a.navbar:active, a.navbar:visited, a.navbar:link {font-family:Lucida Handwriting; color:000000; font-size:13px;}a.navbar:hover {font-family:Lucida Handwriting; color:000000; font-size:13px;}a.redlink:active, a.redlink:visited, a.redlink:link {font-family:Lucida Handwriting; color:000000; font-size:13px;}a.redlink:hover {font-family:Lucida Handwriting; color:000000; font-size:13px;}.nametext {font-family:Lucida Handwriting; color:000000; font-size:13px;}</style><img style="visibility:hidden;width:0px;height:0px;" mce_style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="/" /><img style="visibility:hidden;width:0px;height:0px;" mce_style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.2NXC/bT*xJmx*PTEyMjU2NTgzNzI*NDYmcHQ9MTIyNTY1ODM3ODM4NCZwPTM5MDEmZD1mbGFzaHRveXMmZz*xJnQ9Jm89MTNhNmIxNTg2ZjI4NDAwZDk4NGM4OTU1NTgyZmEwNTE=.gif" /> <br />

Comic Sans:

<br /><br /><br /><a href="/">I changed my font at <span style="font-family:Alba;font-size:130%;">thecutestblogontheblock.com</span></a><br /><br /><style type="text/css">table, tr, td, li, p, div {font-family:Comic Sans MS; color:000000; font-size:12px;}.btext {font-family:Comic Sans MS; color:000000; font-size:12px;}.blacktext10 {font-family:Comic Sans MS; color:000000; font-size:12px;}.blacktext12 {font-family:Comic Sans MS; color:000000; font-size:12px;}.lightbluetext8 {font-family:Comic Sans MS; color:000000; font-size:12px;}.orangetext15 {font-family:Comic Sans MS; color:000000; font-size:12px;}.redtext {font-family:Comic Sans MS; color:000000; font-size:12px;}.redbtext {font-family:Comic Sans MS; color:000000; font-size:12px;}.text {font-family:Comic Sans MS; color:000000; font-size:12px;}.whitetext12 {font-family:Comic Sans MS; color:000000; font-size:12px;}a:active, a:visited, a:link {font-family:Comic Sans MS; color:000000; font-size:12px;}a:hover {font-family:Comic Sans MS; color:000000; font-size:12px;}a.navbar:active, a.navbar:visited, a.navbar:link {font-family:Comic Sans MS; color:000000; font-size:12px;}a.navbar:hover {font-family:Comic Sans MS; color:000000; font-size:12px;}a.redlink:active, a.redlink:visited, a.redlink:link {font-family:Comic Sans MS; color:000000; font-size:12px;}a.redlink:hover {font-family:Comic Sans MS; color:000000; font-size:12px;}.nametext {font-family:Comic Sans MS; color:000000; font-size:12px;}</style><img style="visibility:hidden;width:0px;height:0px;" mce_style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="/" /><img style="visibility:hidden;width:0px;height:0px;" mce_style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.2NXC/bT*xJmx*PTEyMjU2NTg1MDgyNzQmcHQ9MTIyNTY1ODUxMTE*OSZwPTM5MDEmZD1mbGFzaHRveXMmZz*xJnQ9Jm89MTNhNmIxNTg2ZjI4NDAwZDk4NGM4OTU1NTgyZmEwNTE=.gif" /> <br />

Harrington:

<br /><br /><br /><a href="/">I changed my font at <span style="font-family:Alba;font-size:130%;">thecutestblogontheblock.com</span></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><img style="visibility:hidden;width:0px;height:0px;" mce_style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="httphttp://thecutestblogontheblock.com/" /><img style="visibility:hidden;width:0px;height:0px;" mce_style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.2NXC/bT*xJmx*PTEyMjU2NTg2NTExOTYmcHQ9MTIyNTY1ODY1NDY4MCZwPTM5MDEmZD1mbGFzaHRveXMmZz*xJnQ9Jm89MTNhNmIxNTg2ZjI4NDAwZDk4NGM4OTU1NTgyZmEwNTE=.gif" /> <br />


There you have it!

***P.S. All of these fonts are courtesy of The Cutest Blog On The Block: Blog Secrets.