Cufon er et tekstutskift javascriptbibliotek. Det er ikke relatert til sIFR i kodebase, men oppnår det samme uten behov for Flash-filer. Innstillingen tar ca 5 minutter, og du trenger ikke å berøre den igjen. Kunne ikke vært enklere, og det kan ha stor innvirkning på måten nettstedet ditt ser ut.
Hvordan det fungerer
Det første trinnet er å sende inn fonten din via Cufon nettsiden. De behandler skrifttypen i en SVG (skalerbar vektorgrafikk) skrift. Deretter blir stiene kjøpt til VML (vector markup language), som øker hastigheten på Cufon i IE. De resulterende dataene blir deretter kodet inn i JSON og overført til en Cufon-definert funksjon for behandling, og det er der magien skjer.
Cufon Eksempler
Først opp, gå til Cufons nettsted, og send inn skriftfilen din til behandling. Det vil spytte ut en .js-fil for deg å laste ned. Du må ha denne filen for at Cufon skal oversette teksten til den skrifttypen du ønsker.
Deretter inkluderer du både cufon-yui.js-filen og den genererte font javascript-filen. Sist innpakker bare litt tekst i en klasse, og starter en Cufon-erstatning rundt det klassenavnet. Full kode nedenfor:
$ (dokument) .ready (funksjon () {Cufon.replace ('. molot');}); Dette er tekst i Molot-skrifttypen Resulterer i:
Dette er tekst i Molot-skrifttypen
Cufon Lineheight
Det er et kjent problem med alle nettlesere med linjehøyde som trolig ikke kommer til å bli løst
Cufon.now ()
Det anbefales at du får en bedre visningsopplevelse på IE som du kaller funksjonen Cufon.now () rett før kroppsmerket. Dette tar seg av et ellers momentant blip som kan skje når siden lastes og deretter er skriften lastet.
Cufon.now ()
IE9 Problemer
I forbindelse med denne innlegget var det noen problemer med visse versjoner av IE9, jeg vet at de jobbet med å løse dem og håper å få slippe ut snart for å fikse disse problemene.
