1

次のようなフォントファイルを使用しています。

@font-face {
  font-family: 'FontAwesome';
  src: url(asset-path('fontawesome-webfont.eot', font));
  src: url(asset-path('fontawesome-webfont.eot', font)) format('embedded-opentype'),
    url(asset-path('fontawesome-webfont.woff', font)) format('woff'),
    url(asset-path('fontawesome-webfont.ttf', font)) format('truetype'),
    url(asset-path('fontawesome-webfont.svg', font)) format('svg');
//  src: url('#{$FontAwesomePath}/FontAwesome.otf') format('opentype'); // used when developing fonts
  font-weight: normal;
  font-style: normal;
}

この構文 url(asset-url('...'), font));は、SCSS ファイルから /assets/font.oet をレンダリングする必要があるという印象を受けました。たとえば、圧縮先の CSS ファイルで。

それは起こっていることではありません。全然変わりません。私はまだurl(asset-url('...'), font));CSSファイルに表示されます。

私のセットアップ:

すべての SCSS ファイルを app/assets/stylesheets に格納しています。@import タグを使用して、すべての SCSS ファイルを Application.css.scss にプルします。(これが、asset-path が解析されない理由でしょうか?)。

*実行時にアセット パイプラインの MD5 フィンガープリントをレンダリングするものが必要です。RAILS_ENV=production bundle exec rake assets:precompileアセット URL がフィンガープリントをレンダリングしない場合は、*

助けに感謝します。

4

2 に答える 2

0

asset-path の代わりに font-path を使用し、最後に ", font" をドロップするのはどうですか。

@font-face {
  font-family: 'FontAwesome';
  src: url(font-path('fontawesome-webfont.eot');
  src: url(font-path('fontawesome-webfont.eot')) format('embedded-opentype'),
    url(font-path('fontawesome-webfont.woff')) format('woff'),
    url(font-path('fontawesome-webfont.ttf')) format('truetype'),
    url(font-path('fontawesome-webfont.svg')) format('svg');
//  src: url('#{$FontAwesomePath}/FontAwesome.otf') format('opentype'); // used when developing fonts
  font-weight: normal;
  font-style: normal;
}

それは例えばに翻訳されます

src:url("/assets/fontawesome-webfont-0a491f75efc766a9fe9daaa5f407aec1.eot");
...

詳細については、誰かがここで同様の質問をしています。

于 2013-09-18T07:05:26.607 に答える