3

プロジェクトで実行bundle updateしたところ、Font-Awesome が機能しなくなりました。

font-awesome-sass-rails と twitter-bootstrap-rails (これには font awesome も含まれています) の両方を試しましたが、どちらも同じ動作でした: アイコンの代わりに四角形が表示されます。

コンパイルされた CSS を確認し、フォントをダウンロードしようとしました。

@font-face {
  font-family: "FontAwesome";
  src: url(/assets/fontawesome-webfont.eot);
  src: url(/assets/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(/assets/fontawesome-webfont.woff) format("woff"), url(/assets/fontawesome-webfont.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

そこで、myapp/assets/fontawesome-webfont.woff をダウンロードしようとしましたが、うまくいきました。ここで何が問題なのか理解できません。

私のapplication.css.scss：

*
 *= require_self
 *= require bootstrap-datepicker
 *= require_tree .
 */

@import "bootstrap";
body {
  padding-top: 60px;
}
@import "bootstrap-responsive";
@import "font-awesome";

@font-face {
  font-family: 'Pontano Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Pontano Sans'), local('PontanoSans-Regular'), url(/assets/pontanosans.woff) format('woff');
}

*{
  font-family: 'Pontano Sans', sans-serif !important;
}

.table tbody tr:hover {
  cursor: pointer;
}

// rest of file...

たとえば、pontano さんは期待どおりに機能します。

私の Gemfile (アセット グループのみ):

group :assets do
  gem 'sass-rails',   '~> 3.2.3'
  gem 'coffee-rails', '~> 3.2.1'
  gem 'bootstrap-sass'
  gem 'font-awesome-sass-rails'
  gem 'libv8', :platforms => :ruby
  gem 'therubyracer', '>= 0.11.1', :require => 'v8', :platforms => :ruby
  gem 'uglifier', '>= 1.0.3'
  gem 'turbolinks'
  gem 'mousetrap-rails'
  gem 'jquery-turbolinks'
  gem 'spinjs-rails'
  gem 'ajaxspin'
  gem 'chosen-rails'
  gem 'jquery-rails'
  gem 'turbo-sprockets-rails3'
  gem 'bootstrap-datepicker-rails'
end

ここで何が間違っていますか？

前もって感謝します。

編集！

バグのようです: https://github.com/littlebtc/font-awesome-sass-rails/issues/22

4

3 に答える 3

5

app/assetsアプローチを変更することをお勧めします:という名前の新しいディレクトリを の下に作成しますfonts。次に、グリフ画像をそこにコピーし、次のapplication.rbように fileのアセットに含めます。

config.assets.paths << Rails.root.join("app", "assets", "fonts")

その後、名前font-awesome.cssをfont-awesome.css.scss.erbに変更し、@font-face宣言を次のように変更する必要があります。

@font-face {
  font-family: "FontAwesome";
  src: url('<%= asset_path('fontawesome-webfont.eot')%>');
  src: url('<%= asset_path('fontawesome-webfont.eot?#iefix')%>') format('eot'), url('<%=    asset_path('fontawesome-webfont.woff')%>') format('woff'), url('<%= asset_path('fontawesome-webfont.ttf')%>') format('truetype'), url('<%= asset_path('fontawesome-webfont.svg#FontAwesome')%>') format('svg');
 font-weight: normal;
 font-style: normal;
 }

この解決策には、 gem の削除が含まれます'font-awesome-sass-rails'。

于 2013-01-09T23:45:52.077 に答える
0

まあ、これはバグです。

今のところ、リポジトリの独自のフォークを使用しています。

于 2013-02-11T12:24:12.053 に答える