Search code examples
javascriptcsswebfontscufon

Problem with Cufon. Need Help?

I'm working on a simple site but i have problem showing the cufon font, this is my first time using this feature. I'm using firefox 3.6.18

<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="javascript/cufon-yui.js" type="text/javascript"></script>
<script src="javascript/corbel-bold_700.font.js" type="text/javascript"></script>
<script type="text/javascript">
        Cufon.replace('h1'); 
        Cufon.replace('selector'); 
        Cufon.replace('#sub1');
</script>

</head>

<body>

<div id="header">
<div id="logo" onclick="window.document.location.href='http://localhost/site/'"></div>
<div id="navigation">
    <div class="menu">

  <h1>ABOUT</h1>
  <h1>GALLERY</h1>
  <h1>CONTACT</h1>

</div> 
</div>
</div>

        <script type="text/javascript"> Cufon.now(); </script>
</body>
</html>

The H1 is showing but not in its cufon text. Help! Thanks in Advance!!

Solution

  • I'm getting a javascript error from the font file that you posted. Try with a different font and see if it works. If it does then give it another go with your file.

    If your font still doesn't work then it sounds like a problem with Cufon's JS generation.