కుఫోన్ టెక్స్ట్ రీప్లేస్మెంట్ జావాస్క్రిప్ట్ లైబ్రరీ. ఇది కోడ్బేస్లో sIFR తో సంబంధం లేదు, కానీ ఫ్లాష్ ఫైల్ల అవసరం లేకుండా అదే పనిని సాధిస్తుంది. దీన్ని సెటప్ చేయడానికి 5 నిమిషాలు పడుతుంది, ఆపై మీరు దాన్ని మళ్లీ తాకవలసిన అవసరం లేదు. సులభం కాలేదు మరియు ఇది మీ వెబ్సైట్ కనిపించే తీరుపై పెద్ద ప్రభావాన్ని చూపుతుంది.
అది ఎలా పని చేస్తుంది
మొదటి దశ మీ ఫాంట్ను కుఫోన్ వెబ్సైట్ ద్వారా సమర్పించడం. వారు ఫాంట్ను SVG (స్కేలబుల్ వెక్టర్ గ్రాఫిక్స్) ఫాంట్లోకి ప్రాసెస్ చేస్తారు. అప్పుడు మార్గాలు VML (వెక్టర్ మార్కప్ లాంగ్వేజ్) కు ప్రాసెస్ చేయబడతాయి, ఇది IE లో క్యూఫోన్ వేగాన్ని బాగా పెంచుతుంది. ఫలిత డేటా తరువాత JSON లోకి ఎన్కోడ్ చేయబడుతుంది మరియు ప్రాసెసింగ్ కోసం క్యూఫోన్ నిర్వచించిన ఫంక్షన్కు పంపబడుతుంది మరియు అక్కడే మేజిక్ జరుగుతుంది.
కుఫాన్ ఉదాహరణలు
మొదట, కుఫోన్ వెబ్సైట్కి వెళ్లి, ప్రాసెసింగ్ కోసం మీ ఫాంట్ ఫైల్ను సమర్పించండి. ఇది మీరు డౌన్లోడ్ చేయడానికి .js ఫైల్ను ఉమ్మి వేస్తుంది. కుఫాన్ వచనాన్ని మీకు నచ్చిన ఫాంట్లోకి అనువదించడానికి మీరు ఈ ఫైల్ను కలిగి ఉండాలి.
తరువాత, cufon-yui.js ఫైల్ మరియు సృష్టించిన ఫాంట్ జావాస్క్రిప్ట్ ఫైల్ రెండింటినీ చేర్చండి. చివరిది ఒక తరగతిలో కొంత వచనాన్ని చుట్టడం మరియు ఆ తరగతి పేరు చుట్టూ క్యూఫోన్ పున ment స్థాపనను ప్రారంభించడం. పూర్తి కోడ్ క్రింద:
ఇది మోలోట్ ఫాంట్లోని వచనం
పరిణమిస్తుంది:
ఇది మోలోట్ ఫాంట్లోని వచనం
కుఫోన్ లైన్హైట్
పంక్తి ఎత్తు ఉన్న అన్ని బ్రౌజర్లతో తెలిసిన సమస్య ఉంది, అది బహుశా పరిష్కరించబడదు
Cufon.now ()
IE లో మెరుగైన వీక్షణ అనుభవం కోసం మీరు బాడీ ట్యాగ్కు ముందు Cufon.now () ఫంక్షన్ను పిలవాలని సిఫార్సు చేయబడింది. ఇది పేజీ లోడ్ అవుతున్నప్పుడు సంభవించే క్షణికమైన బ్లిప్ను జాగ్రత్తగా చూసుకుంటుంది మరియు తరువాత ఫాంట్ లోడ్ అవుతుంది.