ruby-on-rails - Rails 4:为什么生产中无法加载字体？

Question

我无法在生产中的Rails 4应用程序中加载字体，它在开发中可以正常工作。

Assets 在部署时会在服务器上进行预编译。

我有我的字体
app/assets/fonts
我的app.css:

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

在我的production.rb中，我有:

config.assets.precompile << Proc.new { |path|
  if path =~ /\.(eot|svg|ttf|woff)\z/
    true
  end
}

Answer 1

上周我们遇到了这个问题-问题是您的 Assets 将被编译为上面带有MD5哈希，而您的标准CSS仍将在寻找它们的“标准”名称。这是图像和字体的问题。

@font-face {
    font-family: 'akagi';
    src: asset_url('fonts/akagi-th-webfont.eot');
    src: asset_url('fonts/akagi-th-webfont.eot?#iefix') format('embedded-opentype'),
         asset_url('fonts/akagi-th-webfont.woff') format('woff'),
         asset_url('fonts/akagi-th-webfont.ttf') format('truetype'),
         asset_url('fonts/akagi-th-webfont.svg#akagithin') format('svg');
    font-weight: 300;
    font-style: normal;
}

这是如何使用 scss文件动态加载 Assets 的示例。这些文件(在 push 之前或在初始化期间)被编译为.css文件，所有文件均已正确同步。

我们在使用Heroku时遇到了与您类似的问题，并通过将文件放入/stylesheets/layout/fonts.css.scss然后调用

@import '/layout/fonts';

我们还调用了application.css-> application.css.scss以支持@import功能