Ang Cufon ay isang library ng javascript na kapalit ng teksto. Hindi nauugnay sa sIFR sa codebase, ngunit nakumpleto ang parehong bagay nang hindi nangangailangan ng mga file ng Flash. Ang pag-set up nito ay tumatagal ng mga 5 minuto at pagkatapos ay hindi mo na kailangang hawakan muli. Hindi magiging madali at maaari itong magkaroon ng isang malaking epekto sa hitsura ng iyong website.
Paano Ito Gumagana
Ang unang hakbang ay ang isumite ang iyong font sa pamamagitan ng website ng Cufon. Pinoproseso nila ang font sa isang SVG (scalable vector graphics) font. Pagkatapos ang mga landas ay nakuha na naproseso sa VML (vector markup language), na lubos na pinatataas ang bilis ng Cufon sa IE. Ang nagresultang data ay pagkatapos ay naka-encode sa JSON at ipinasa sa isang function na tinukoy ng Cufon para sa pagproseso, at doon na nangyayari ang mahika.
Mga halimbawa ng Cufon
Una, pumunta sa website ng Cufon, at isumite ang iyong font file para sa pagproseso. Ito ay dumura sa isang .js file para ma-download mo. Kailangan mong magkaroon ng file na ito upang ma-translate ni Cufon ang teksto sa font na iyong pinili.
Susunod, isama ang parehong file ng cufon-yui.js at ang nabuong font javascript file. Ang huli ay pambalot lamang ng ilang teksto sa isang klase, at sinimulan ang isang kapalit ng Cufon sa paligid ng pangalang klase. Buong code sa ibaba:
Ito ang teksto sa Molot font
Mga Resulta sa:
Ito ang teksto sa Molot font
Cufon Lineheight
Mayroong isang kilalang problema sa lahat ng mga browser na may taas na linya na marahil ay hindi maaayos
Cufon.now ()
Inirerekomenda na para sa isang mas mahusay na karanasan sa pagtingin sa IE na tinawag mo ang function na Cufon.now () mismo bago ang body tag. Inaalagaan nito ang isang kung hindi man sandali na blip na maaaring mangyari habang naglo-load ang pahina at pagkatapos ay nai-load ang font.
