Anonim

Cufon ir teksta aizstāšanas javascript bibliotēka. Kodeksa bāzē tas nav saistīts ar SIFR, taču veic to pašu, neizmantojot Flash failus. Iestatīšana prasa apmēram 5 minūtes, un tad jums tas vairs nav jāpieskaras. Nevarētu būt vienkāršāk, un tam var būt liela ietekme uz jūsu vietnes izskatu.

Kā tas strādā

Pirmais solis ir iesniegt savu fontu Cufon vietnē. Viņi apstrādā fontu SVG (mērogojama vektorgrafika) fontā. Tad ceļi tiek iegūti, apstrādājot ar VML (vektora iezīmēšanas valoda), kas ievērojami palielina Cufon ātrumu IE. Iegūtie dati tiek kodēti JSON un nodoti Cufon noteiktai funkcijai apstrādei, un tur notiek maģija.

Cufon piemēri

Vispirms dodieties uz Cufon vietni un iesniedziet sava fonta failu apstrādei. Tas izspiež .js failu, lai jūs varētu to lejupielādēt. Jums ir jābūt šim failam, lai Cufon varētu tulkot tekstu jūsu izvēlētajā fontā.

Pēc tam iekļaujiet gan cufon-yui.js failu, gan ģenerēto fonta javascript failu. Pēdējais ir tikai dažu tekstu iesaiņošana klasē un Cufon nomaiņas uzsākšana ap šīs klases vārdu. Pilns kods zemāk:

Šis ir teksts Molot fontā

Rezultāti:
Šis ir teksts Molot fontā

Cufon Lineheight

Ir zināma problēma ar visiem pārlūkiem, kuru līnijas augstums, iespējams, netiks labots

Cufon.now ()

Lai labāk skatītos IE, ieteicams tieši pirms ķermeņa tagu izsaukt funkciju Cufon.now (). Tas rūpējas par īslaicīgu mirkšķināšanu, kas var notikt, kad tiek ielādēta lapa un pēc tam ielādēts fonts.

IE9 problēmas

Sākot ar šo norīkošanu, bija dažas problēmas ar noteiktām IE9 versijām, es zinu, ka viņi strādā pie šo problēmu risināšanas, un es ceru, ka drīzumā tiks izlaista šo problēmu novēršana.

Stila fonti ar cufon fonta nomaiņu