在CSS中插入自定义字体

Question

我是CSS的新手。我想在我的小项目中使用Helvetica Neue字体。 我已经下载了.ttf文件，我试图通过@ font-face规则插入它：

@font-face{
    font-family:"Helvetica Neue Light";
    src:url("contenuti/HelveticaNeue-Light.ttf"); /*That's where I put it*/
}

要使用它我用过：

.xyz{
    font-family:"Helvetica Neue Light";
    /*...other things...*/
}

问题是Safari或Chrome都没有显示它

我该怎么办？

Answer 1

尝试在Neue和Light之间使用短划线。像这样： font-family：“Helvetica Neue-Light”;

Answer 2

我猜你添加的姓氏字体实际上不是Helvetica Neue light，而是Helvetica Neue的重量轻。

在字体和类中将font-family更改为“Helvetica Neue”并添加font-weight: light;

Answer 3

这很可能是因为您的文件不存在。尝试将完整的URL写入文件。您的代码应该有效，因为它没有错误。

试试这个：

@font-face{
    font-family: 'Helvetica Neue Light';
    src: url(contenuti/HelveticaNeue-Light.ttf) format('truetype'); /*That's where I put it*/
}

然后在你的对象上：

.xyz {
    font-family: 'Helvetica Neue Light';
}