how to add cufon js to magento without conflict other js

Refer Site is:http://networkedblogs.com/cm3Htand codings:Implement Cufon fonts in Magento StoreCufon is basically a javascript text replacement technique which takes the font, renders every character with its information like color, size, etc and replaces original text.Here we are going to see how to implement the cufon fonts in magento by the following steps:First, Go to http://cufon.shoqolate.com/generate/ and upload your font with the instructionsMake sure the “EULAs of these fonts allow Web Embedding” check box should be enabled and get your font name.js file by agree the terms and conditions.Download the basic javascript file – cufon.js ( which is easily available).Upload the js files in public_html/js/cufon/ folder on your server.Add the below code in page.xml file of your theme and place this code inside your head sectionCode<action method=”addJs”><script>cufon/cufon.js</script> </action> <action method=”addJs”><script>cufon/IM_FELL_Double_Pica_PRO_italic_400.font.js</script></action>Add the below code in the head.phtml file of your theme and place this code right before the end of the file.Code<script type=”text/javascript”>Cufon.replace(‘h1’);</script>This code will replace the text inside the h1 tag with custom cufon font. You can target specific classes too if you need it, like this:Eg:Code<script type=”text/javascript”>Cufon.replace(‘.page-title h1, .page-title h2’);</script>
//

Advertisements

About venkatraja

student
This entry was posted in Uncategorized. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s