Transitie van kleur i.c.m. Cufon

[Verwijderd]

Beste Medetweakers,

Ik probeer een kleur transitie ("fade") te krijg op linkjes in een menu. Is dit mogelijk als Cufon de tekst gerenderd heeft? Op Google vond ik niet de gewenste oplossingen.

Op dit moment vervang ik alleen de tekst m.b.v.

code:

Cufon.replace('.horizontalmenu ul.menu li a', {
    hover: {
    color: '#f03d2d'
    }
});

Hopelijk heeft iemand een oplossing, CSS3 transitions zijn in dit geval geen optie.

Alvast bedankt!

[ Voor 3% gewijzigd door Verwijderd op 06-02-2013 14:45 ]

[kwaakvaak_v2]

Cufon vervangen voor een webfont.

[RM-rf]

enkel als je bv het hele element waar dat font instaat transformeert naar transparent (en eronder eenzelfde element met de gewenste kleur neerzet)

dat zal echter qua perfomance een grotere belasting zijn en vermoedelijk lang niet zo goed eruitzien als gewone css-transitions

[Bosmonster]

kwaakvaak_v2 schreef op woensdag 06 februari 2013 @ 14:52:
Cufon vervangen voor een webfont.

Dit.

Cufon is zo 1990.

[Wary87]

met http://www.fontsquirrel.com/ kan je ook zelf fonts die je als truetype etc hebt omzetten naar een webfont. Kan je het ook gelijk in de source van je website zetten zodat je niet extern fonts moet inladen (hoewel hier ook niks mis mee is).

[Flowmo]

Wary87 schreef op woensdag 06 februari 2013 @ 20:04:
met http://www.fontsquirrel.com/ kan je ook zelf fonts die je als truetype etc hebt omzetten naar een webfont. Kan je het ook gelijk in de source van je website zetten zodat je niet extern fonts moet inladen (hoewel hier ook niks mis mee is).

Dat kan dus met een heleboel fonts al niet meer. Je bent tegenwoordig beter af met open-source webfonts van bv Google Fonts, of gewoon een licentie aanschaffen via MyFonts.com of Fonts.com.

Maar idd, Cufon (en Sifr) zijn niet meer van deze tijd. Gebruik een webfont, daar ben je meer future-proof mee dan met een JS library. Plus, het werkt ook nog gewoon zonder JS en is compatible t/m IE4 (!!).