Cufon er et javascript-bibliotek til tekstudskiftning. Det hænger ikke sammen med sIFR i codebase, men udfører det samme uden behov for Flash-filer. Opsætning tager ca. 5 minutter, og du behøver ikke at røre ved det igen. Kunne ikke være lettere, og det kan have en stor indflydelse på, hvordan dit websted ser ud.
Hvordan det virker
Det første trin er at indsende din skrifttype via Cufon-webstedet. De behandler skrifttypen til en SVG (skalerbar vektorgrafik) font. Derefter er stierne erhvervet behandlet til VML (vektor markup sprog), hvilket i høj grad øger Cufons hastighed i IE. De resulterende data kodes derefter i JSON og overføres til en Cufon-defineret funktion til behandling, og det er her, magien sker.
Cufon-eksempler
Gå først til Cufon-webstedet, og send din fontfil til behandling. Det spytter ud en .js-fil, som du kan downloade. Du skal have denne fil for at Cufon kan oversætte teksten til den valgte skrifttype.
Derefter inkluderer både cufon-yui.js-filen og den genererede font-javascript-fil. Sidste er bare at indpakke noget tekst i en klasse og starte en Cufon-erstatning omkring dette klassens navn. Fuld kode nedenfor:
Dette er teksten i Molot-skrifttypen
Resulterer i:
Dette er teksten i Molot-skrifttypen
Cufon Lineheight
Der er et kendt problem med alle browsere med linjehøjde, der sandsynligvis ikke vil blive løst
Cufon.now ()
Det anbefales, at du kalder funktionen Cufon.now () lige før body-mærket for en bedre seeroplevelse på IE. Dette tager sig af en ellers øjeblikkelig blip, der kan ske, når siden indlæses, og derefter indlæses skrifttypen.
