css – 使用@ font-face与Rails 3.1应用程序？

我无法使用以下@ font-face声明来处理我的Rails 3.1应用程序。我把资源管道中的字体放在自己的文件夹中，名为“字体”旁边的图像和样式表和javascripts

这是我使用的声明(由Font Squirrel生成)。

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

任何人都在他们的Rails 3.1应用程序上成功地使用@ font-face？

更新

我只是读这个线程http://spin.atomicobject.com/2011/09/26/serving-fonts-in-rails-3-1/，说更改url到声明中的字体url。这似乎不工作，不幸的是。

解决方法

您必须将文件夹添加到资产路径(到文件config / application.rb)，请参阅 Rails Guides

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

您应该使用asset_path助手：

src: url('<%= asset_path('Chunkfive-webfont.eot') %>');