Anonim

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.

IE9 Problemer

Fra og med dette innlegget var det noen problemer med visse versjoner av IE9, jeg vet at de jobbet med å løse dem og håper å få en utgivelse snart for å løse disse problemene.

Stil skrifter med bytte av cufon-font