把你的字体文件(woff, woff2, eot, ttf，…)放在/app/assets/fonts目录下。

然后添加以下到您的配置/初始化/资产。rb:

Rails.application.config.assets.paths << Rails.root.join('app', 'assets', 'fonts')
Rails.application.config.assets.precompile << /\.(?:svg|eot|woff|woff2|ttf)\z/

在上面的答案中，woff2没有包括在内(为了将来的参考，你可能需要添加其他扩展，只需在这里添加|{font-file-extension})

使用css文件中的字体:

重要的是，你需要将它从stylesheet.css重命名为stylesheet.css.scss(这是为了让font-url在资产预编译后正确地在生产中转换字体的url):

@font-face {
  font-family: 'MyFont'
  src: font-url('myfont.woff') format('woff');
}

body{
  font-family: 'MyFont'
}

然后运行:

rails assets:precompile

在运行资产预编译后，你的字体文件从app/assets/fonts/myfont复制。woff到public/assets/myfont-{SOME_DIGEST_KEY}。woff的位置。现在上面的css在生产中也很像图像资产。

您还可以看到，在预编译资产命令之后创建了一个应用程序-{somedigest}.css，在其中您将看到 现在，我们的font-url('myfont.woff')将被转换为url(/assets/myfont.woff-{SOME_DIGEST_KEY}.woff)，并且摘要与文件移动到的位置匹配。通过这种方式，更新你的字体文件也可以适当地破坏浏览器缓存等。

确保你的nginx也服务于public/assets文件夹以获得更好的性能。这是用rails 5和rails 6在生产中测试的。它也应该工作与rails 4最有可能。

我使用Rails 4.2，并不能得到footable图标显示。显示的是小方框，而不是我所期望的折叠行上的(+)和小排序箭头。在学习了这里的信息之后，我对代码做了一个简单的更改:删除css中的字体目录。也就是说，像这样更改所有的css条目:

src:url('fonts/footable.eot');

看起来像这样:

src:url('footable.eot');

它工作。我认为Rails 4.2已经假定了字体目录，所以在css代码中再次指定它会使字体文件找不到。希望这能有所帮助。

只需要把你的字体放在app/assets/fonts文件夹中，并在app开始使用application.rb中编写代码时设置自动加载路径

config.assets.paths << Rails.root。加入("app"， "assets"， "fonts") 而且

然后在css中使用以下代码。

@font面{

 font-family: 'icomoon';
 src: asset-url('icomoon.eot');
 src: asset-url('icomoon.eot') format('embedded-opentype'),
      asset-url('icomoon.woff') format('woff'),
      asset-url('icomoon.ttf') format('truetype'),
      asset-url('icomoon.svg') format('svg');
 font-weight: normal;
 font-style: normal;

}

试一试。

谢谢

在我的情况下，最初的问题是使用资产url没有结果，而不是简单的url css属性。使用asset-url最终为我在Heroku工作。另外，在/assets/fonts文件夹中设置字体并调用asset-url('font.eot')，而无需添加任何子文件夹或任何其他配置。

你需要在@font-face块中使用font-url，而不是url

@font-face {
font-family: 'Inconsolata';
src:font-url('Inconsolata-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

以及这条线在应用中。Rb，正如你提到的(对于app/assets/fonts中的字体

config.assets.paths << Rails.root.join("app", "assets", "fonts")

这里有一个转折:

你应该把所有的字体放在app/assets/fonts/中，因为它们在默认情况下会在登台和生产中被预编译——当推送到heroku时，它们会被预编译。 默认情况下，放置在vendor/assets中的字体文件不会在登台或生产时预编译-它们将在heroku上失败。源!

- @plapier，以为机器人/波旁威士忌

我坚信把厂商字体放到厂商/资产/字体中 这比把它们放到app/assets/字体中更有意义。与 这两行额外的配置对我来说工作得很好 Rails 4):

app.config.assets.paths << Rails.root.join('vendor', 'assets', 'fonts')  
app.config.assets.precompile << /\.(?:svg|eot|woff|ttf)$/

- @jhilden, thoughtbot/波旁威士忌

我还在rails 4.0.0上测试了它。实际上，最后一行已经足够从供应商文件夹安全预编译字体了。花了几个小时才弄明白。希望它能帮助到某人。