字体粗细不适用于 Typekit 字体答案

【问题标题】：Font Weight not applying to Typekit Font字体粗细不适用于 Typekit 字体
【发布时间】：2014-07-02 22:39:06
【问题描述】：

我在使用 typekit 字体的字体粗细声明时遇到问题。我正确安装了字体，并且它在整个站点中使用了正确的字体。但是，对于字体的粗体版本，我想使用 900 重量的 proxima nova。在 typekit 上的套件编辑器中，我只包含了 900 版本和 300 版本。对于正文，300 似乎正确显示...900 版本不会显示在任何未直接安装 900 砝码的计算机上。

我可以看到它显示，因为我的机器上安装了字体，但没有其他人可以。他们只是看到一个粗体字体，我假设它默认为 700 重量。

它应该在所有标题文本（h1、h2 等）上可见，并作为默认的粗体强标记。对可能发生的事情有任何想法吗？

网站在这里：southernkentuckyeye.com/wp/（它正在开发中，所以不要评判我。）

【问题讨论】：

标签： html css wordpress fonts typekit

【解决方案1】：

我不久前就发现了这一点……结果证明这是一个非常愚蠢的错误，但为了笑容，我想我会把它贴在这里。（特别是如果其他人遇到麻烦。）

我在 CSS 中声明字体的方式...

{ font-family:"Proxima Nova", sans-serif; }

会在我的电脑上显示字体，因为我的电脑上安装了字体。我知道这一点，并认为无论如何都是这样。我想不通的是为什么 Typekit 无论如何都不会显示字体。原来，这是因为我没有在 CSS 中正确声明字体。这是正确的方法...

{ font-family:"proxima-nova", sans-serif; }

再说一次，我知道这很傻，但它现在可以工作了。请务必密切注意如何在 CSS 中声明 typekit 字体。

【讨论】：

【解决方案2】：

您还没有包括如何链接字体，但如果您希望能够使用“粗体”或“倾斜”，最好的方法是像这样包含它们：

@font-face {
    font-family: "Your font";
    src: url("fonts/your-font.ttf");
}
@font-face {
    font-family: "DejaVu Sans";
    src: url("fonts/your-font.ttf");
    font-weight: bold;
}
@font-face {
    font-family: "DejaVu Sans";
    src: url("fonts/your-font.ttf");
    font-style: italic, oblique;
}
@font-face {
    font-family: "DejaVu Sans";
    src: url("fonts/your-font.ttf");
    font-weight: bold;
    font-style: italic, oblique;
}

否则，您可以使用font-weight: 900，而不是使用font-weight: bold

【讨论】：

我已经通过 typekit 嵌入脚本链接了字体...code <script type="text/javascript" src="//use.typekit.net/smx2yxc.js"></script> <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@Harlan Bowling 你试过用font-weight: 900代替font-weight: bold?