Page 1 of 1

jQuery animate font change?

Posted: Sun Jun 17, 2007 10:47 pm
by JAB Creations
Here is a great demo page for changing CSS classes...
http://interface.eyecon.ro/demos/animate.html

One of the problems I have encountered is that jQuery does not seem to be able to animate a change of font. Is this true or am I going about this the wrong way?

Posted: Mon Jun 18, 2007 1:28 am
by Weirdan
One of the problems I have encountered is that jQuery does not seem to be able to animate a change of font.
To animate something means to display a sequence of frame showing intermediate steps between two outer frames. What font would you use to show transformation from Arial to Comic Sans ?Image

Posted: Mon Jun 18, 2007 1:30 am
by JAB Creations
It doesn't matter what the fonts are so long as I can replicate the effect with any given fonts. For example I tried turning Arial in to Wingdings. :D

Posted: Mon Jun 18, 2007 1:39 am
by Luke
I think you entirely missed his point. He was asking a rhetorical question. There is no way to show an intermediary font somewhere between arial and wingdings (because one doesn't exist).

Posted: Mon Jun 18, 2007 1:41 am
by JAB Creations
Ah, so essentially it's dead Jim.

Posted: Mon Jun 18, 2007 1:46 am
by Luke
As far as I know, it isn't possible with javascript. Not without some very clever scripting. You could do it with flash. :wink:

Posted: Mon Jun 18, 2007 1:50 am
by JAB Creations
Flash? Heh heh, no thank you drive through.

Posted: Mon Jun 18, 2007 3:14 pm
by feyd
You can potentially do it with a cross-fade.

Posted: Mon Jun 18, 2007 3:16 pm
by JAB Creations
Are there any demos of jQuery and cross-fading such as there are other demos at this page?
http://interface.eyecon.ro/demos/ifx.html