Cufon er et tekstudskift javascriptbibliotek. Det er ikke relateret til sIFR i codebase, men udfører det samme uden behov for Flash-filer. Opsætning tager cirka 5 minutter, og du behøver ikke røre den igen. Kunne ikke være nemmere, og det kan have stor indflydelse på din hjemmeside.
Hvordan det virker
Det første skridt er at indsende din skrifttype via Cufons websted. De behandler skrifttypen i en SVG (skalerbar vektorgrafik) skrifttype. Derefter bliver stierne erhvervet behandlet til VML (vector markup language), hvilket i høj grad øger Cufons hastighed i IE. De resulterende data kodes derefter til JSON og sendes til en Cufon-defineret funktion til behandling, og det er her, hvor magien sker.
Cufon Eksempler
Først skal du gå til Cufons websted og indsende din skrifttypefil til behandling. Det vil spytte en .js-fil, som du kan downloade. Du skal have denne fil, så Cufon kan oversætte teksten til den ønskede skrifttype.
Indsæt derefter både cufon-yui.js-filen og den genererede skrifttype javascript-fil. Sidste er bare at indpakke nogle tekst i en klasse og indlede en Cufon udskiftning omkring det pågældende klassenavn. Fuld kode nedenfor:
$ (dokument) .ready (funktion () {Cufon.replace ('. molot');}); Dette er tekst i Molot skrifttypen Resulterer i:
Dette er tekst i Molot skrifttypen
Cufon Lineheight
Der er et kendt problem med alle browsere med linjens højde, der sandsynligvis ikke bliver rettet
Cufon.now ()
Det anbefales, at du får en bedre seeroplevelse på IE, som du kalder funktionen Cufon.now () lige før kropstegnet. Dette tager sig af et ellers øjeblikkeligt blip, der kan ske, når siden indlæses, og så er skrifttypen indlæst.
Cufon.now ()
IE9 Problemer
I forbindelse med denne indlæg var der nogle problemer med visse versioner af IE9, jeg ved, at de arbejdede på at løse dem og håber at få en udgivelse snart for at rette disse problemer.
