Cufon er et javascript-bibliotek for tekstutskiftning. Det henger ikke sammen med sIFR i kodebase, men oppnår det samme uten behov for Flash-filer. Det tar cirka 5 minutter å sette det opp, og du trenger ikke å berøre det igjen. Kan ikke være enklere, og det kan ha stor innvirkning på hvordan nettstedet ditt ser ut.
Hvordan det fungerer
Det første trinnet er å sende inn skriften din via Cufon-nettstedet. De behandler skriften til en SVG (skalerbar vektorgrafikk) font. Deretter anskaffes banene behandlet til VML (vektormarkeringsspråk), noe som øker hastigheten til Cufon i IE. De resulterende dataene blir deretter kodet inn i JSON og sendt til en Cufon definert funksjon for behandling, og det er der magien skjer.
Cufon-eksempler
Først opp, gå til Cufon-nettstedet, og send inn fontfilen din for behandling. Den vil spytte ut en .js-fil du kan laste ned. Du må ha denne filen for at Cufon kan oversette teksten til skriften du ønsker.
Deretter inkluderer både cufon-yui.js-filen og den genererte font-javascript-filen. Sist er det bare å pakke inn litt tekst i en klasse, og sette i gang en Cufon-erstatning rundt det klassenavnet. Full kode nedenfor:
Dette er tekst i Molot-skriften
Resulterer i:
Dette er tekst i Molot-skriften
Cufon Lineheight
Det er et kjent problem med alle nettlesere med linjehøyde som sannsynligvis ikke kommer til å bli løst
Cufon.now ()
Det anbefales at du kaller funksjonen Cufon.now () rett før body-taggen for en bedre seeropplevelse på IE. Dette tar vare på en ellers øyeblikkelig blip som kan skje når siden lastes inn og deretter lastes skriften.