Using Cufon To Change Font In Blog

Bored with the font on your blog? Put cufon script to change the font of your blog. You can change all kinds of fonts, so that will make your blog become more varied. And that will be attached font script from cufon is h1, h2, or h3. Each template has different elements, consider the elements that you will install this script.
You can see examples in miscah’s post title, it's all I changed cufon method, and I use aller sans font. You can replace it with another font, with a free download on the internet.
How do I install it? very easy way, follow the steps below :

• First, specify the fonts you'll use, if you want to use aller sans, please click here to download.
• Download the script from cufon here and save it in your computer.
• Upload script to free hosting, example script I have uploaded to google code : http://miscah.googlecode.com/files/cufon-yui.js
• Then, convert your fonts to be used with a font generator 
  
  

In the column Regular typeface, upload a normal font
In the column Bold typeface, upload a bold fonts (optional)
In the column Italic typeface, upload an italic fonts (optional)
In the column Bold Italic typeface, upload a bold italic font (optional)

• Upload font script, example I have uploaded to google code : http://miscah.googlecode.com/files/Aller_Display_400-Aller_700.font.js
• Then put all the code that you upload to google code into your template, place it after the code ]]></b:skin>
  

  <script type="text/javascript" src="url where you upload a script from cufon"></script>
  <script type="text/javascript" src="url where you upload font from font generator"></script>
  <script type="text/javascript">
  Cufon.replace('h2')
  </script>

• h2 is the title of the posting, customize to your template, if you want to change the font on the blog title (the header), replace with h1.
• Save Template

Good luck !

Share / Save