Cufon on tekstikorvaava javascript-kirjasto. Se ei liity SIFR: ään kooditietokannassa, mutta suorittaa saman asian ilman Flash-tiedostoja. Asennus kestää noin 5 minuuttia, joten sinun ei tarvitse koskettaa sitä uudestaan. Ei voisi olla helpompaa, ja sillä voi olla suuri vaikutus verkkosivustosi ulkoasuun.
Kuinka se toimii
Ensimmäinen askel on lähettää fonttisi Cufon-verkkosivuston kautta. He käsittelevät fontin SVG (skaalautuva vektorigrafiikka) fontiksi. Sitten polut hankitaan jalostetaan VML: ksi (vector markup language), mikä lisää huomattavasti Cufonin nopeutta IE: ssä. Tuloksena oleva tieto koodataan sitten JSON: ksi ja välitetään Cufon-määritellylle toiminnolle käsittelyä varten, ja siellä taika tapahtuu.
Cufon-esimerkkejä
Siirry ensin Cufon-verkkosivustoon ja lähetä fonttitiedostosi käsiteltäväksi. Se tuhoaa .js-tiedoston, jonka voit ladata. Sinulla on oltava tämä tiedosto, jotta Cufon voi kääntää tekstin valitsemasi fontiksi.
Lisää seuraavaksi sekä cufon-yui.js-tiedosto että luotu fontti-javascript-tiedosto. Viimeksi vain kietoo tekstiä luokkaan ja aloittaa Cufon-korvauksen luokan nimen ympärillä. Koko koodi alla:
Tämä on teksti Molot-fontissa
Johtaa:
Tämä on teksti Molot-fontissa
Cufon Lineheight
Kaikissa selaimissa, joiden rivikorkeus on todennäköisesti aio korjata, on tunnettu ongelma
Cufon.now ()
IE: n katselukokemuksen parantamiseksi on suositeltavaa, että soitat Cufon.now () -toimintoon juuri ennen kehotunnistetta. Tämä hoitaa muuten väliaikaisen välähdyksen, joka voi tapahtua, kun sivu latautuu ja sitten kirjasin ladataan.
