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 is leading various projects which deals with the various technology involved with the web. A combination of perfect technical and management skills. Avinash would like to chat with you and convert your imagination into the working system. You can get in touch with him on Facebook and Twitter.

View all posts by: