css - rails 应用程序在 heroku 上找不到 fontawesome 图标

Question

我安装了一个 Bootstrap 主题，一切都在本地运行良好。但是，当我推送到 heroku 时，我的应用找不到字体。我预编译了 Assets 并推送到 heroku，但没有图标。

因此，我在 development.rb 中创建了类似 heroku 的开发环境:

  config.assets.debug = true

  # Disable Rails's static asset server (Apache or nginx will already do this).
  config.serve_static_assets = true

  # Compress JavaScripts and CSS.
  config.assets.js_compressor = :uglifier
  # config.assets.css_compressor = :sass

  # Do not fallback to assets pipeline if a precompiled asset is missed.
  config.assets.compile = false

  # Generate digests for assets URLs.
  config.assets.digest = true

现在，我的开发环境找不到字体文件。字体文件位于两个位置:

app/assets/fonts/fontawesome-webfont.*
public/assets/fontawesome-webfont.*

但是，我得到这个错误:

ActionController::RoutingError (No route matches [GET] "/assets/fontawesome-webfont.svg"):

这是如何从预编译的 css 文件 (application-xxxxxxxxx.css) 加载它们的:

@font-face {
  font-family: 'FontAwesome';
  src: url('fontawesome-webfont.eot?v=4.0.3');
  src: url('fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('fontawesome-webfont.woff?v=4.0.3') format('woff'), url('fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

我做错了什么？

Answer 1

对我来说最简单的解决方法是使用 Font Awesome "get started" page 中描述的 CDN .

删除样式表和字体文件的任何本地副本，并将其放在头部:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

(截至 2014 年 7 月 7 日最新版本，最新版本请参见上面的链接)