javascript - Cufon 与 Nivo 发生冲突 - 替换 nivo 中的字体 HTML 字幕消失

Question

希望你能帮我解决这个问题:

所以，我的 Nivo slider 工作正常，并且我以支持方式内置了一些 HTML 标题。然后我用 h1 和 h2 标签设计了 HTML 标题。然后我实现 cufon 以用非标准字体替换 h1 和 h2 。然后，nivo 字幕中断 - 行为有点不可预测，但主要是字幕的样式部分消失了。

以前有人见过/解决过这个问题吗？

有很多与此相关的代码，我不想让这篇文章变得臃肿，所以如果您想查看示例，请告诉我相关部分是什么。

首先，这是我的代码头部的 javascript 调用。

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/jquery.img.preload.js"></script>
<script type="text/javascript" src="js/hint.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.0.js"></script>
<script type="text/javascript" src="js/jquery.tipsy.js"></script>
<script type="text/javascript" src="js/nivoslider/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo.js"></script>
<script type="text/javascript" src="js/captify/captify.tiny.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<!-- //////// Cufon - font Replacement ////////  -->
<script src="js/cufon/cufon.js" type="text/javascript"></script>
<script src="js/cufon/bebas-neue.cufonfonts.js" type="text/javascript"></script>
<script type="text/javascript">
        Cufon.replace('h1, h3, h4, h5, #main_menu li a'); // Works without a selector engine
</script> 

感谢您的任何/所有帮助。

菲尔。

Answer 1

Cufon 实际上是过时的解决方案。它在动态网站上效果非常糟糕。市场上大多数浏览器都可以使用 CSS 来显示自定义字体。您可以在这里转换字体并获取您需要的CSS http://www.fontsquirrel.com/fontface/generator .