在Rails 3.1应用程序中使用@ font-face？

Question

我在使用以下@font-face声明与Rails 3.1应用程序一起使用时遇到麻烦。我将字体放在Asset
Pipeline中的资产文件夹中images，stylesheets并与and 一起放置在其自己的文件夹“
Fonts”中。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吗？

更新资料

我刚刚阅读了该线程，声明中更改url为font-url。不幸的是，这似乎也不起作用。

Answer 1

您必须将文件夹添加到资产路径（到文件config/application.rb），请参见[Rails指南

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

并且您应该使用asset_path助手：

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