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使用scss？

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

1 个答案: