Testing scenario:
<!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>
The "cufon.js" being utilized is the most recent version available. The "font.font.js" corresponds to a customized font subset for Latin characters provided by the Cufon website.
No HTTP, HTML, CSS, or JS errors are evident in the browser console. However, no VML (Vector Markup Language) graphics are produced in Internet Explorer 8, Firefox 3.6, or Safari 5. The rendered output does include
<html class="cufon-active cufon-ready">Various attempts have been made without success:
- Repositioning the script tags (placing them before
</head>and before</body>) - Loading jQuery prior to running Cufon scripts
- Explicitly specifying the font-family detailed in font.font.js with inline CSS
- Altering the
DOCTYPEfrom HTML5 to XHTML 1.1 or HTML 4.01 Strict