在 CSS 中插入自定义字体 [重复]答案

【问题标题】：Insert a custom font in CSS [duplicate]在 CSS 中插入自定义字体 [重复]
【发布时间】：2015-08-14 17:16:16
【问题描述】：

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

我能做什么？

【问题讨论】：

【解决方案1】：

尝试在 Neue 和 Light 之间使用破折号。像这样： font-family:"Helvetica Neue-Light";

【讨论】：

【解决方案2】：

我猜你添加的姓氏字体实际上并不是 Helvetica Neue light，而只是 Helvetica Neue with light weight。

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

【讨论】：

【解决方案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';
}

【讨论】：