Font effect is a jQuery plugin that add some effect to html text.
The available effects are (for now) Outline, Shadow, Gradient and Mirror, here is an example:

No images are used for these effects and no additional CSS is necessary, All effects are contained in the plugin (only 7k minified) and do not interfere with page rendering in older browser or browser with javascript disabled.
It is ideal for styling menus or dynamically generated headlines (as in blogs).

It is very easy, download the plugin here and include it in your page after the jQuery plugin (the 1.3.2 vesion or better)

 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery-FontEffect-1.0.0.min.js"></script>    

Now you are ready to apply effects on elements.
Basic Use:
This is the simplest example,

 $("#example0").FontEffect()  

In this case no options are set and default values (outline for the effect) are used, this is the same as to say

  $("#example1").FontEffect({ outline:true }) 

the border color, if not set, will be automatically set to a contrasting color, note that font family and other options for these examples are set in the CSS.

Demo: http://www.iofo.it/jquery/fonteffect/
Download: http://plugins.jquery.com/files/jquery-fonteffect-1.0.0.zip
Source: http://www.iofo.it/jquery/fonteffect/

Related Listings:

1. jQuery – Focus Fields Plugin Add an outline and background to text inputs when they...
2. CSS/Javascript font Detector JavaScript code to detect available availability of a particular font...
3. Photo Effects using jQuery Plugin This is a class inspired by http://www.netzgesta.de/cvi/ and their great...
4. JQuery Cycle Rotating Images Plugin The jQuery Cycle Plugin is a lightweight slideshow plugin. Its...
5. YUI – Effects Widgets This is my attempt to somewhat mimic & improve upon...

Do you like this post?

Email: