ruby-on-rails - Rails：@font-face 可以在 Heroku 上工作，但不能在 localhost 上工作

Question

在 CSS 中：

@font-face {
  font-family: 'some_name';
  src: url('font_name.eot');
}

在application.rb：

config.assets.paths << "#{Rails.root}/app/assets/fonts"

在 Heroku 上，此设置运行良好，但在 localhost 上却不行。我是否缺少在 localhost 上正确显示非标准字体的内容？我在山狮上奔跑。

谢谢

Answer 1

这个解决方案对我有用：

@font-face {
  font-family: 'some_name';
  src: url('/assets/font_name.eot');
}

Answer 2

字体的scr路径规范是相对的。

在生产环境中，所有资产都被编译，不同类型的资产被放置在一个文件夹中，可以在/assets/asset-name. 这意味着字体和 css 文件都将在同一个文件夹中，并且可以使用相对路径。然而，在开发环境中，资产没有被编译，也没有组合在一起，这意味着它们是在/assets/ASSET-TYPE/asset-name. 因此字体不会与样式表位于同一文件夹中，并且相对路径无助于查找实际的字体文件。

Rails 有一个asset-urlCSS 帮助器，它可以在两个环境中工作，它会在编译到url(path-to-asset).

@font-face {
  font-family: 'The Font';
  src: asset-url('the_font.eof', font);
}