cufon

please see web site below that i designed (it's from a template): http://noorjamali.soscharge.com my problem is about menu colors after clicking on every menu. for testing that try click on ABOUT ME menu and you will see HOME menu is still white and you should hover it by mouse for getting result and turn it's color back to gray. please don't test the other menus, because i haven't add jquery codes for them. my menu codes is like below : <div class="nav"> <div class="nav_shadow"> <ul class="menu"> <li id="item-464" class="current active"><a href="Default.aspx">HOME </a></li> <li id="item-465">

I've looked at things like Cufon and typeface.js but they seem to be SIFR alternatives and don't allow you to set freeform coordinates and draw custom type onto a <canvas> Anyone got any ideas? miketaylr I've thrown together a simple demo on jsfiddle here showing how to do this with @font-face: http://jsfiddle.net/zMKge/ Opera also has a simple tutorial on using <canvas> , including the text API. CSS: @font-face { font-family: 'KulminoituvaRegular'; src: url('http://www.miketaylr.com/f/kulminoituva.ttf'); } Javascript: var ctx = document.getElementById('c').getContext('2d'); var kitty = new