字体文件未在生产 Ruby on Rails 中编译

Question

希望得到一些帮助。我有一个 Rails 项目，在生产中似乎没有编译字体。

在我的 application.rb 文件中

 class Application < Rails::Application
   config.assets.paths << Rails.root.join("app", "assets", "fonts")
 end

将字体添加到我的 scss 文件中，例如

@font-face {
   font-family: 'Jaapokki';
   src: asset-url("/assets/Jaapokki-Regular.eot");
   src: asset-url("/assets/Jaapokki-Regular.eot?#iefix") 
   format("embedded-opentype"), asset-url("/assets/Jaapokki-Regular.woff") format("woff"), asset-url("/assets/Jaapokki-Regular.ttf") format("truetype");
   font-weight: normal;
   font-style: normal;
}

但在

的 chrome 开发控制台中出现错误

GET https://mve.herokuapp.com/assets/Jaapokki-Regular.woff net::ERR_ABORTED

现在这在开发中有效，我在部署到 aws 服务器时使用了类似的设置。然而，这个应用程序部署到 heroku，这似乎给我带来了问题。我想第一个问题是如何检查我的字体在推送到生产时是否正在编译。

非常感谢任何帮助！

Answer 1

由于您的字体在app/assets/fonts 中，您应该能够在您的SCSS 中使用font-url 为每个字体文件自动生成正确的资产路径：

@font-face {
   font-family: 'Jaapokki';
   src: font-url("Jaapokki-Regular.eot");
   src: font-url("Jaapokki-Regular.eot?#iefix") format("embedded-opentype"),
        font-url("Jaapokki-Regular.woff") format("woff"),
        font-url("Jaapokki-Regular.ttf") format("truetype");
   font-weight: normal;
   font-style: normal;
}

在此处查看 Aaron Gray 对类似问题的回答：https://stackoverflow.com/a/19414154/2076253

Answer 2

@font-face {
    font-family: "raty";
    src: url(asset-path("raty.woff"));
}