2

我正在构建的 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 中不起作用的问题。）

4

1 回答 1

0

将此包含在您的头文件中

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 中使用 less 或 scss 什么？

于 2013-02-01T11:58:11.957 回答