Css 向rails添加字体

Css 向rails添加字体,css,ruby-on-rails,fonts,Css,Ruby On Rails,Fonts,我正在尝试向rails添加自定义字体,无论我做什么,它似乎都不起作用,我在github上读到了一些关于这个问题的其他问题,但我自己无法让它起作用 我已将字体文件放入 app/assets/fonts 该文件名为“over.tff”,我在CSS中声明如下 @font-face { font-family: 'above'; src: url(/assets/above.tff) format('truetype'); } 这是这个问题的最高答案是怎么说的 然后我使用 font-fami

我正在尝试向rails添加自定义字体,无论我做什么,它似乎都不起作用,我在github上读到了一些关于这个问题的其他问题,但我自己无法让它起作用

我已将字体文件放入

app/assets/fonts
该文件名为“over.tff”,我在CSS中声明如下

@font-face {
  font-family: 'above';
  src: url(/assets/above.tff) format('truetype');
}
这是这个问题的最高答案是怎么说的

然后我使用

font-family: 'above';
它不工作,我在我的控制台上得到这个错误。


感谢advanced为我提供的任何帮助,我非常感谢。

试试这个
字体url
方法,它可以正确路由和检查
资产/字体
目录

@font-face {
  font-family: 'above';
  src: font-url('above.tff') format('truetype');
}
有几件事

  • 我真的怀疑文件名会是上面的
    。tff
    以前没有看到字体的
    tff
    扩展,可能是打字错误,但我认为应该是
    ttf

  • 更改为上述代码后,将css文件重命名为扩展名为
    scss


  • 非常感谢阿尔菲,它工作得很好!是的,当我把它放在这里时,tff只是一个输入错误,我把它作为ttf放在css中。
    @font-face {
      font-family: 'above';
      src: font-url('above.tff') format('truetype');
    }