Cufon Loading But Not Displaying

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

  •  28-09-2019
  •  | 
  •  

Pergunta

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
Foi útil?

Solução

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

Outras dicas

I've always included the fontFamily name:

Cufon.replace('#search-button', { fontFamily: 'Futura', hover: true });
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top