Cufon Loading But Not Displaying

StackOverflow https://stackoverflow.com/questions/4289968

  •  28-09-2019
  •  | 
  •  

Question

Test case:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<script type="text/javascript" src="/cufon.js"></script>
<script type="text/javascript" src="/font.font.js"></script>
</head>
<body>
<h1>Text</h1>
<script type="text/javascript">
    Cufon.replace('h1');
</script>
</body>
</html>

where "cufon.js" is the latest version (same result with minimized version from the main site and non-minimized version from GitHub), and "font.font.js" is a generated font from cufon's website subset to Latin.

There are no HTTP, HTML, CSS, or JS errors reported by the browser, and yet no VML is generated in IE 8, FF 3.6, or Safari 5. Generated output does have <html class="cufon-active cufon-ready"> and Cufon inline styles, but that's it.

I've also tried, to no avail:

  • Switching where the scripts appear (before </head> and before </body>)
  • Calling jQuery before Cufon
  • Manually declaring the font-family specified in font.font.js using inline CSS
  • Changing the DOCTYPE from HTML5 to XHTML 1.1 or HTML 4.01 Strict
Was it helpful?

Solution

I hadn't listed localhost as an authorized domain. Silly me.

OTHER TIPS

I've always included the fontFamily name:

Cufon.replace('#search-button', { fontFamily: 'Futura', hover: true });
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top