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

前端之家收集整理的这篇文章主要介绍了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') %>');

猜你在找的CSS相关文章