Simply, how to add cufon fonts in html

Below are simple step to add cufon to html page.

Step 1 : Get Cufon

http://cufon.shoqolate.com/generate/

Open this link and right click the “Download” tab – choose “Save Link As…” Save
"cufon-yui.js" into a local directory in your machine. 


Simply, how to add cufon fonts in html

Step 2: Generate Your Font
Open this link & click on the “Regular typeface” field – and browse to your desired font in your local machine. 


Simply, how to add cufon fonts in html

Check off the "The EULAs of these fonts allow Web Embedding (without Adobe Flash)" and the Terms of Agreement. Click on the “Let’s Do This” Button at the very end of that page.
Go ahead and save this file in the same directory where you saved the core Cufon-yui.js file and we’re ready to build your page.

Step 3: Customize Cufon font in html pages

Add below four line of code in your html head tag


<script type="text/javascript" src="cufon-yui.js"></script >
<script type="text/javascript"  src="Kruti_400.font.js"></script>
<script type="text/javascript">
    Cufon.replace('h3,span,h1,h2,h3, p');
</script>


0 Comments

Post a Comment

Post a Comment (0)

Previous Post Next Post