Question

所以我有这个自定义字体，它不会工作。请帮忙。

@font-face{
  font-family: Anton;
  src: url('../../assets/fonts/Anton-Regular.ttf')format('truetype');
}

.home-content-right h1{
font-size: 60px;
font-style: 'Anton',sans-serif;
}

Answer 1

 @font-face {
 font-family: myFont;
 src: url(fonts/Akrobat-Bold.otf);
 }

 .h1{
 font-family: "myFont";
    }

例如，我将.otf字体文件放在文件夹字体中，这没有问题。您只需更改字体和源路径的名称。

Answer 2

有些事情可能会发生。首先，你的h1标签使用的是字体样式而不是字体，所以：

@font-face {
  font-family: Anton;
  src: url('../../assets/fonts/Anton-Regular.ttf')format('truetype');
}

.home-content-right h1{
  font: 'Anton',sans-serif;
  font-size: 60px;
}

即。字体而不是h1上的字体样式。

此外，您可能正在使用Rails或基于您正在使用的文件夹结构的其他框架。如果是这样，它可能是框架正在消化你的资产（即指纹识别它的Anton-Regular.ttf-02987910hsa或类似的东西，如果它改变，所以你的浏览器不会错误地缓存它。如果你使用Rails ，您需要使用asset-url（＆＃39; URL＆＃39;）才能获取最近的指纹资产。

@ font-face赢了。我该怎么做呢？

2 个答案: