Question

我遇到了typekit字体的字体权重声明问题。我正确安装了字体，并在整个站点中使用了正确的字体。但是，对于字体的粗体版本，我想要使用900重量的近似新星。在typekit的工具包编辑器中，我只包含900版本和300版本。对于正文复制，300似乎正确显示... 900版本没有显示在任何没有直接安装900权重的计算机上。

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

它应该在所有标题文本（h1，h2等）上显示，并作为默认的粗体强标记。关于可能发生什么的任何想法？

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

Answer 1

我想了一会儿......事实证明这是一个非常愚蠢的错误，但是为了笑容，我想我会把它发布在这里。（特别是如果其他人遇到麻烦的话。）

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

{font-family：＆＃34; Proxima Nova＆＃34;，sans-serif; }

会在我的电脑上显示字体，因为我的电脑上安装了字体。我知道这一点，无论如何都认为这是事实。我无法弄清楚的是，为什么Typekit无论如何都不会显示字体。事实证明，这是因为我没有在CSS中正确地声明字体。这是正确的方法......

{font-family：＆＃34; proxima-nova＆＃34;，sans-serif; }

再次，愚蠢我知道，但它现在正在工作。确保密切关注如何在CSS中声明typekit字体。

Answer 2

您还没有包含如何链接字体，但如果您希望能够使用＆＃39;或者＆＃39;倾斜＆＃39;最好的方法是将它们包括在内：

@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: bold

，而不是使用font-weight: 900

字体粗细不适用于Typekit字体

2 个答案: