rails-assets-fontawesome 4.4.0 にアップデートしたらフォントが迷子に

@font-faceのところでパスが../fonts/xxxxxになってたのが原因だったので

app/assets/stylesheets/application.css.scss

 *= require fontawesome

するのやめて、強引に

app/assets/stylesheets/application.css.scss

$fa-font-path: "fontawesome/fonts";
@import "fontawesome";

したら見つかった。

application.css.scssが汚れていくのは気持ち悪いなー。
bootstrap-sass-officialも同じ感じやし、requireはそのままにして、別ファイルに上書く変数ぶっ込んでしまったほうがいいのかしら？

追記

ちょっとproductionで使うことがあってデプロイしてみたらまた迷子になってた。
というよりもAssetPipelineの影響だった。

asset compile 編を見てなるほどなーと思いつつ現実的な解決策を探してみた。

本家様

app/assets/stylesheets/fontawesome.scss

@import 'fontawesome/font-awesome.scss';

ふむ。

app/assets/stylesheets/fontawesome/font-awesome.scss

/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@import "variables";
@import "mixins";
@import "path";
@import "core";
@import "larger";
@import "fixed-width";
@import "list";
@import "bordered-pulled";
@import "animated";
@import "rotated-flipped";
@import "stacked";
@import "icons";

あ、うん。相対パスか。

@import "fontawesome";している以上、外部からどうにもならなさそう。
ということで、この際fontawesome（正確にはfontawesome/font-awesome.scss）で@importしているものを個別にいれて、fontawesome/_path.scssだけ上書きしちゃえ！ということで以下の設定に落ち着いた。

app/assets/stylesheets/application.css.scss

$fa-font-path: "fontawesome/fonts";
//@import "fontawesome";
@import "fontawesome/variables";
@import "fontawesome/mixins";
@import "fontawesome/path";
@import "fontawesome/core";
@import "fontawesome/larger";
@import "fontawesome/fixed-width";
@import "fontawesome/list";
@import "fontawesome/bordered-pulled";
@import "fontawesome/animated";
@import "fontawesome/rotated-flipped";
@import "fontawesome/stacked";
@import "fontawesome/icons";

app/assets/stylesheets/fontawesome/_path.scss

/* FONT PATH
 * -------------------------- */

@font-face {
  font-family: 'FontAwesome';
  src: font-url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
  src: font-url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
    font-url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
    font-url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
    font-url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
    font-url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
//  src: font-url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
  font-weight: normal;
  font-style: normal;
}