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_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>