Cufon és una biblioteca de javascript de substitució de text. No té relació amb sIFR en base de codi, però aconsegueix el mateix sense la necessitat de fitxers Flash. La configuració tarda uns 5 minuts i no cal que el toqueu de nou. No pot ser més fàcil i pot tenir un gran impacte en la forma de veure el vostre lloc web.
Com funciona
El primer pas és enviar el vostre tipus de lletra a través del lloc web de Cufon. Processen el tipus de lletra en un tipus SVG (gràfics vectorials escalables). A continuació, els camins s’adquireixen processats a VML (llenguatge de marcació vectorial), que augmenta notablement la velocitat de Cufon a IE. Les dades resultants es codifiquen a JSON i es passen a una funció definida per Cufon per processar-la, i aquí és on passa la màgia.
Exemples de cufon
Primer cap amunt, aneu al lloc web de Cufon i envieu el fitxer de lletra per al seu processament. Anirà a escopir un fitxer .js per baixar-lo. Heu de tenir aquest fitxer perquè Cufon pugui traduir el text al tipus de lletra que escolliu.
A continuació, incloure tant el fitxer cufon-yui.js com el fitxer javascript de tipus de lletra generat. Últim és només embolicar algun text en una classe i iniciar un reemplaçament de Cufon al voltant del nom de la classe. Codi complet a continuació:
Aquest és el text del tipus de lletra Molot
Resultats en:
Aquest és el text del tipus de lletra Molot
Cufon Lineheight
Hi ha un problema conegut amb tots els navegadors amb l'alçada de la línia que probablement no es solucionarà
Cufon.now ()
Es recomana que, per a una millor visualització de l'experiència en IE, crideu a la funció Cufon.now () just abans de l'etiqueta del cos. D’aquesta manera, s’ocuparà un paràmetre d’una altra manera que pot passar quan es carrega la pàgina i després es carrega el tipus de lletra.