Fontawesome图标在IE8和Chrome中不显示（仅Windows）

Question

我正在构建的Rails应用程序出现问题。 我正在使用fontawesome来渲染一些图标。 Rails应用程序正在Heroku上运行。

问题是在Chrome / Win和IE8上，图标未呈现。 没有盒子-什么都没有。 它们在IE9，Firefox / Win中呈现，并且在OS X中的所有浏览器中呈现。

我的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中无法使用而引起的。）

Answer 1

将此包含在头文件中

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

对于IE7支持，请添加

 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使用更少或更少的CSS吗？