Using Cufon Cool Fonts on a webpage

Description

This example shows how to implement one or multiple Cufon fonts on a website. Make sure that fonts are in the correct folder

This example shows how to implement one or multiple Cufon fonts on a website. Make sure that fonts are in the correct folder

JavaScript Code

                        
                          <!--Cufon Start-->
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/typography/cufon-yui.js"></script>

<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/typography/Futura_500.font.js"></script>
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/typography/Euro_Caps_400.font.js"></script>

<script type="text/javascript">
        Cufon.replace('.homepagead, .dsc-inner, .footerbox h2, .footerbox li, .music-inner, .seven-inner, .tabs2 li', { fontFamily: 'Futura' });
        Cufon.replace('.topmenu-inner-right', { fontFamily: 'Euro Caps' });
</script>
<!--Cufon End-->	

<!--Make sure the fonts and cufon source code are in the correct file path-->


Post Categories

Tags