Cufon - 多种字体/样式一次替换答案

【问题标题】：Cufon - multiple fonts/styles in one replacementCufon - 多种字体/样式一次替换
【发布时间】：2010-08-09 05:27:36
【问题描述】：

另一个cufon问题。

我基本上想做的是正确渲染这样的东西。

这是有史以来最好的产品

我曾假设 cufon 会用字体的斜体版本替换斜体，但现在看来，它只是打算替换恰好是斜体的整个块。我是否正确理解用斜体或粗体等替换包含的单个单词（或短语）超出了 cufon 的能力？

老实说，我想做的是使用完全不同的斜体字体，特别是标题的块字体，以及 em 文本的花哨的脚本字体。

我想我运气不好，cufon 不能做这样的事情？我知道这有点不规则，但它似乎是一种潜在的好方法，可以重新创建这位设计师的“愿景”，而不必为每个标题导出图像。

【问题讨论】：

标签： cufon

【解决方案1】：

Cufon 可以使用多种字体。

像这样进行 Cufon 调用：

<script type="text/javascript">
    Cufon.replace('span.regular', { fontFamily: 'RegularFont' });
    Cufon.replace('span.bold', { fontFamily: 'BoldFont' });
</script>

然后在你的短语中使用两个 span 元素，如下所示：

<span class="regular">This is <span class="bold">Cufon</span> using two fonts.</span>

【讨论】：