2

作成しているRailsアプリで問題が発生しています。fontawesomeを使用していくつかのアイコンをレンダリングしています。railsアプリはHerokuで実行されています。

問題は、Chrome / WinおよびIE8では、アイコンがレンダリングされないことです。ボックスなし-何もありません。これらはIE9、Firefox / Winでレンダリングされ、OSXのすべてのブラウザーでレンダリングされます。

私は私の中に次のものを持っていますapplication.rb：

config.assets.paths << Rails.root.join("app", "assets", "fonts")
config.assets.precompile += %w( .svg .eot .woff .ttf )

フォントファイルはassets/fontディレクトリにあり、SCSSファイルには次のものがあります。

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

誰かが同様の問題に遭遇しましたか？（私が読んだほとんどの投稿は、問題ではないボックスを表示するか、Firefoxでフォントが機能しないという問題を中心に展開しています。）

4

1 に答える 1

0

これをヘッダーファイルに含めます

link rel="stylesheet" href="../css/font-awesome.min.css"

IE7 のサポートについては、pls を追加してください

 link rel="stylesheet" href="../css/font-awesome.min.css"
 !--[if IE 7] 
 link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css"
 ![endif]--

css に less または scss を何を使用していますか?

于 2013-02-01T11:58:11.957 に答える