資産パイプライン、コンパスフォント面とEOT？フォント

Question

にiefixコール私は
* .eot？iefix

マイアプリ/資産の算入が含まれているコンパスフォントフェイスミックスインを使用しようとしています/ fontsには、.eotを含む必要なすべてのフォントタイプが含まれています。

私は資産を実行しよう：あなたはこの問題の可能な解決策を知っています webfont.eot iefix

をプリコンパイルされていません：？タスクは何かなどを言って失敗したプリコンパイル？

config.assets.compile = trueの場合でもエラーは発生しませんが、本番環境では使用しない方が良いと理解しています。

Answer 1

既知の問題と思われるhttps://github.com/rails/rails/issues/3045 現在はconfig.assets.compile = trueを使用しています。

Answer 2

ちょっと（サポートされている）ハックでこの問題を解決しました。

@font-face宣言の代わりにfont.css.erbという新しいCSSファイルを作成し、@import "font"という場所に配置しました。

@font-face { 
    font-family: 'SketchBlockBold'; 
    src: font_url('font/sketch_block-webfont.eot'); 
    src: url('<%= asset_path('font/sketch_block-webfont.eot')+"?#iefix" %>') format('embedded-opentype'), 
     font_url('font/sketch_block-webfont.woff') format('woff'), 
     font_url('font/sketch_block-webfont.ttf') format('truetype'), 
     url('<%= asset_path('font/sketch_block-webfont.svg')+"#SketchBlockBold" %>') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

アセットパスの使用と特殊ファイルのエンディングの連結に注意してください。

Answer 3

あなたはあまりにも純粋SCSSでそれを行うことができます。

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