ruby-on-rails - 使用 Rails 3.1 Asset Pipeline 在 gem 中存储 webfonts

Question

我正在尝试使用 Rails 3.1 Asset Pipeline 来存储我在多个应用程序中使用的一些字体。我已经尝试了几乎所有存储位置的组合，但似乎无法让管道实际获取我的字体文件。他们会出现在 public/assets当我运行时 rake assets:precompile但它们不能从任何 asset_path 获得 helper ，我一直无法弄清楚为什么。

来自 fonts.css.erb 的示例:

@font-face {
    font-family: 'MuseoSans';
    src: url('<%= asset_path('museosans_500_italic_webfont.eot') %>');
    src: url('<%= asset_path('museosans_500_italic_webfont.eot?#iefix') %>') format('eot'),
         url('<%= asset_path('museosans_500_italic_webfont.woff') %>') format('woff'),
         url('<%= asset_path('museosans_500_italic_webfont.ttf') %>') format('truetype'),
         url('<%= asset_path('museosans_500_italic_webfont.svg#webfontcWw5DXpH') %>') format('svg');
    font-weight: normal;
    font-style: italic;

 }

ls app/assets/images 的输出(把它卡在 images 中，因为 assets/fonts 不起作用，但两次都同样缺乏工作):

museosans_100_italic_webfont.eot  museosans_500_webfont.eot
museosans_100_italic_webfont.svg  museosans_500_webfont.svg
museosans_100_italic_webfont.ttf  museosans_500_webfont.ttf
museosans_100_italic_webfont.woff museosans_500_webfont.woff
museosans_100_webfont.eot         museosans_700_italic_webfont.eot
museosans_100_webfont.svg         museosans_700_italic_webfont.svg
museosans_100_webfont.ttf         museosans_700_italic_webfont.ttf
museosans_100_webfont.woff        museosans_700_italic_webfont.woff
museosans_300_italic_webfont.eot  museosans_700_webfont.eot
museosans_300_italic_webfont.svg  museosans_700_webfont.svg
museosans_300_italic_webfont.ttf  museosans_700_webfont.ttf
museosans_300_italic_webfont.woff museosans_700_webfont.woff
museosans_300_webfont.eot         museosans_900_italic_webfont.eot
museosans_300_webfont.svg         museosans_900_italic_webfont.svg
museosans_300_webfont.ttf         museosans_900_italic_webfont.ttf
museosans_300_webfont.woff        museosans_900_italic_webfont.woff
museosans_500_italic_webfont.eot  museosans_900_webfont.eot
museosans_500_italic_webfont.svg  museosans_900_webfont.svg
museosans_500_italic_webfont.ttf  museosans_900_webfont.ttf
museosans_500_italic_webfont.woff museosans_900_webfont.woff

我尝试从以下位置访问:

/assets/museosans_500_italic_webfont.svg

/assets/images/museosans_500_italic_webfont.svg

/images/museosans_500_italic_webfont.svg

它不会在任何地方捡到它。有什么想法吗？

Answer 1

您是否明确声明应预编译字体文件？

config.assets.precompile += %w(.js .css *.css.scss .svg .eot .woff .ttf)

这是开发、分期、生产中的所有问题吗？

是否加载了 @font-face 规则的样式表？