Cufon är ett javascript-bibliotek för textbyte. Det är inte relaterat till sIFR i kodbas, utan åstadkommer samma sak utan att behöva Flash-filer. Inställning tar ca 5 minuter och då behöver du inte röra den igen. Det gick inte att bli enklare och det kan ha stor inverkan på hur din webbplats ser ut.
Hur det fungerar
Det första steget är att skicka in din typsnitt via Cufons webbplats. De bearbetar teckensnittet i en SVG (skalbar vektorgrafik) typsnitt. Sedan förvärvas banorna till VML (vector markup language), vilket väsentligt ökar Cufons hastighet i IE. Den resulterande data kodas sedan in i JSON och skickas till en Cufon-definierad funktion för bearbetning, och det är där magiken händer.
Cufon-exempel
Först upp, gå till Cufons webbplats och skicka in din typsnittfil för bearbetning. Det spottar ut en .js-fil för att ladda ner. Du måste ha den här filen för att Cufon ska översätta texten till det typsnitt du vill ha.
Därefter, inkludera både cufon-yui.js-filen och den genererade typsnittet javascript-filen. Senast paketerar man lite text i en klass och initierar en Cufon-ersättning kring det klassnamnet. Fullständig kod nedan:
$ (dokument) .ready (funktion () {Cufon.replace ('. molot');}); Detta är text i Molot-teckensnittet Resulterar i:
Detta är text i Molot-teckensnittet
Cufon Lineheight
Det finns ett känt problem med alla webbläsare med linjehöjd som förmodligen inte kommer att åtgärdas
Cufon.now ()
Det rekommenderas att för en bättre tittarupplevelse på IE som du kallar funktionen Cufon.now () strax innan kroppsgenmärket. Detta tar hand om ett annars momentant blip som kan hända när sidan laddas och sedan är teckensnittet laddat.
Cufon.now ()
IE9 Problem
När det gäller denna post var det några problem med vissa versioner av IE9, jag vet att de arbetade för att lösa dem och hoppas kunna få ut en release snart för att åtgärda dessa problem.
