Html 在CSS中插入自定义字体

我是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都没有显示它

---

我能做什么？

试着在Neue和Light之间使用破折号。这样地：

---

字体系列：Helvetica Neue Light

我猜您添加的姓氏字体实际上并不是Helvetica Neue light，而是Helvetica Neue的轻质字体

---

在字体和类中将字体系列更改为Helvetica Neue，并添加字体重量：轻

很可能是因为您的文件不存在。请尝试将完整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';
}

---

您的浏览器是否能够检索ttf文件？检查您的浏览器开发人员控制台。检查元素按f12并检查您是否在xyz类中使用字体？我遇到了与您相同的问题，但我没有得到任何解决方案。但在我的例子中，字体在IE 11.x和firefox 38.x中运行良好。如果将格式“truetype”放在“.ttf”文件后面，放在；”之前，会发生什么@nova99，看看这个，这只是名字。没关系。