Thursday, 6 September 2012

How to use cufon css inside jquery


How to use cufon css inside jquery
Examples:1
<script>
jQuery("your css class name").hoverIntent(
     function() {
Cufon.replace(".classname",{fontSize:'38px'});
}
);
</script>
**********************************************************************************************************************
Use jQuery object inside Cufon
Example 2:
<script>
    jQuery("your css class name").hoverIntent(
function() {Cufon.replace(($(this).find('a')),{hover: true, color: '#fff'});});
</script>
*********************************************************************************
Multiple Cufon on a Single page
Example 3:
<script src="cufon.js" type="text/javascript"></script>
<script src="Aliquam_400.font.js" type="text/javascript"></script>
<script src="Helvetica_Neue_900.font.js" type="text/javascript"></script>
<script>
Cufon.replace("h1",{fontFamily: 'Aliquam'});
Cufon.replace("h2",{fontFamily: 'Helvetica_Neue'});
</script>
*********************************************************************************
Edit cufon canvas in css
Example 4:

ul.footer_menu_inner_list li cufon canvas {top:-4px!important;}
a.parent_active cufon canvas{left:-20px!important;}

*********************************************************************************

2 comments:

  1. This tips are really golden tips for develop the website as fantastic site.If every magento developers should try these tips,then they should definitely create the website as ever way.
    Magento developers Bangalore

    ReplyDelete
  2. The blog posted is very interesting from all aspects and it will surely benefit the readers by all means.
    Hire Magento Developers

    ReplyDelete