Ruby on Rails 3 - 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 )

字体

文件位于资产/字体目录中，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]--

你在用什么 少 或 scss 作为你的 css ？