font-face - 如何显示州际字体的不同权重/样式？

Question

我已经将字体上传到我的电脑上，我会将它上传到服务器，但我不知道如何在我的代码中编写它。我想使用“Interstate”，但只使用“Interstate Black Condensed”。

我尝试更改权重或将其添加到名称中，但它只是使用默认字体。州际公路起作用的唯一方法是如果我只写“州际公路”，但粗体起作用但它没有给我黑色类别。

.numbers {
   font-family:Interstate;
   font-weight: 300;
   font-size:30pt;
   text-align:center;
   color:#3baa4d;

}

Answer 1

如果您想使用该字体的 Interstate Black Condensed 版本，我建议您使用一种工具为其生成字体声明，同时将文件转换为 Web 使用。这个生成器应该可以解决问题：

http://www.fontsquirrel.com/tools/webfont-generator

您所要做的就是将 Interstate Black Condensed 文件上传到该站点，然后将它提供给您的字体文件包含在您的项目中，然后将 font-face 代码粘贴到您的 css 文件的顶部。