Make your site looks cool for dynamic text with cufon | cufon generator

  • Avinash
  • 1
  • Aug 17, 2010
  • Web Design

Cufon is the fast text replacement with canvas and VML, no flash or images required for this.

Cufon can run with any major javascript framework like mootools, jQuery, extjs, etc..

Cufon is developed with below things in Mind.

  • No plugins required
  • Compatibility
  • Ease of use
  • Speed

Cufon consists of two individual parts.

  1. font generator, which converts fonts to a proprietary format
  2. Rendering engine written in JavaScript.

How to use cufon in your website?

  1. Download cufon JS from this URL. Cufon JS
  2. Now in next step you need to pass the custom fonts which ever you want to the cufon generator. Which is available here.
  3. You will receive a JS fine in response to your fonts.
  4. Now include this cufon and font specific JS files in you html file.
  5. After this you need to pass the selector for which you want the text should be transferred to cufon text.

For example:

<script>
   Cufon.replace('h2');
</script>

Above script will transfer all h2 text to cufon text.

You can find the demo for the cufon text generator at here.

In next post I will describe how can we use different effects with cufon text, how can we use different fonts in one file.

Source : Cufon

Related Posts

Written by Avinash

Avinash Zala currently working at a leading web development company as a Sr. PHP Web Developer. He is the founder of the Xpert Developer. He has completed B.E. in Information Technology. Born and brought up in Ahmedabad. He loves to code and coding is all about passion for him. Follow him on twitter at Avinash Zala & Xpert Developer.

View all posts by: