Cufon多种字体 - 怎么样？

Question

我试图第一次在同一页面上实现2个cufon字体.它不起作用.

在文档中,这是一个例子:

            <script src="Vegur_300.font.js" type="text/javascript"></script>
    <script src="Myriad_Pro_400.font.js" type="text/javascript"></script>
    <script type="text/javascript">
                    Cufon.replace('h1', { fontFamily: 'Vegur' });
        Cufon.replace('h2', { fontFamily: 'Myriad Pro' });
    </script>

我不明白的是 - fontFamily:'Vegur '和实际的Vegur_300.font.js文件之间的联系是什么？

换句话说,浏览器如何知道'Vegur'是特定文件？

提前致谢

Answer 1

它非常简单,假设您使用2个字体系列"Segoe UI"和"Bauhaus 93",然后将脚本放置如下所示:

<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/Segoe_UI_400.font.js" type="text/javascript"></script>
<script src="js/Bauhaus_93_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1', { fontFamily: 'Segoe UI' });
Cufon.replace('h2', { fontFamily: 'Bauhaus 93' });     
</script>

Answer 2

它知道,因为您的Vegur_300.font.js文件包含一个Cufon.registerFont包含font-familyobject参数(in face)的命令.

只要你的所有字体.js文件都在执行,Cufon就会获得每种字体的曲线数据的注册信息.至于为什么它不适合你,我不能在没有更多信息的情况下推测.你有一个示例网站吗？