Cufon字体不起作用。有人请指教?

时间:2013-03-25 15:57:10

标签: html css cufon

我无法在网站上使用此Cufon字体。代码有什么问题吗?我附上了代码的截图。不确定为什么使用标签没有正确实现代码。

http://i.stack.imgur.com/K1DKS.jpg

我的代码有什么问题吗?

1 个答案:

答案 0 :(得分:2)

您没有加载cufon js文件。

以下是如何使用Cufon:

https://github.com/sorccu/cufon/wiki/Usage

<!doctype html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Playing with Cufón</title>
        <!-- Stylesheets here, before all scripts. Helps avoid styling issues. -->
        <link rel="stylesheet" type="text/css" href="style.css" />
        <!--
        If you want to use complex selectors with Cufón, load a selector engine (JavaScript framework) here.
        We support jQuery, Sizzle, MooTools, Dojo, Prototype and other popular frameworks.
        -->
        <script src="cufon-yui.js" type="text/javascript"></script>
        <script src="YourFont.font.js" type="text/javascript"></script>
        <script type="text/javascript">
            Cufon.replace('h1'); // Works without a selector engine
            Cufon.replace('#sub1'); // Requires a selector engine for IE 6-7, see above
        </script>
    </head>
    <body>
        <h1>Your custom font here</h1>
        <h2 id="sub1">Your custom font here too</h2>
        <!-- To avoid delays, initialize Cufón before other scripts at the bottom -->
        <script type="text/javascript"> Cufon.now(); </script>
        <!-- Google Analytics and other scripts here -->
    </body>
</html>