Cufon 始终呈现为粗体答案

【问题标题】：Cufon always render as boldCufon 始终呈现为粗体
【发布时间】：2011-01-15 10:10:08
【问题描述】：

我为我正在开发的新网站制作了 Cufon 字体。然而，即使我在制作字体时同时包含了普通字体和粗体版本，它总是呈现为粗体文本。

我将它用于我的 H1、H2 等标签，但我也尝试将它应用于简单的 P 标签 - 同样的问题 :-(

有什么可能导致这种情况的想法吗？

【问题讨论】：

【解决方案1】：

检查字体文件中的两件事（即“TradeGothic_LT_CondEighteen_500-TradeGothic_LT_CondEighteen_500.font.js”）：

Cufon.registerFont({"w":159,"face":{"font-family":"TradeGothic-Normal","font-weight":500,....
Cufon.registerFont({"w":159,"face":{"font-family":"TradeGothic-Bold","font-weight":500,....

上面是一个无效的字体文件，因为字体名称不同。要使用粗体/正常动态，两者必须在同一个字体系列中。此外，必须有较重的字体粗细，否则 cufon 无法确定哪个是粗体。

字体文件的固定版本如下：

Cufon.registerFont({"w":159,"face":{"font-family":"TradeGothic","font-weight":500,....
Cufon.registerFont({"w":159,"face":{"font-family":"TradeGothic","font-weight":700,....

【讨论】：

这解决了我的问题——不同的字体意味着 Cufon.replace() 调用总是指最近定义的字体。在这种情况下，粗体（或斜体，或粗斜体，如果已定义）

【解决方案2】：

您的 CSS 是否指定字体应为粗体？

【讨论】：

不，实际上恰恰相反。我什至尝试过内联 "font-weight: normal";无济于事:-(我只能通过将粗体版本从生成的Cufon中删除来使其工作，不幸的是这不是一个选项。
很奇怪。我对 Cufon 的经验非常有限，所以我现在猜想，但是....您是否尝试过专门将选项传递给 Cufon？例如。 Cufon.replace('h1', {fontWeight: 'normal'});
感谢您的提示，阅读 font-weights 我发现我的字体只有 300，低于正常值。在我的 css 中使用 font-weight: 300 解决了这个问题。