Rails资产的字体有问题

Question

无论是在本地还是在heroku，我的字体都有问题。

Rails 4.2.5.1

我的字体在app/fonts文件夹中：

/app/assets/fonts/fontawesome-webfont.eot
/app/assets/fonts/fontawesome-webfont.svg
/app/assets/fonts/fontawesome-webfont.ttf
/app/assets/fonts/fontawesome-webfont.woff
/app/assets/fonts/fontawesome-webfont.otf

错误消息：

Started GET "/assets/fonts/fontawesome-webfont.ttf?v=4.2.0" for ::1 at 2016-06-01 22:12:24 -0400

ActionController::RoutingError (No route matches [GET] "/assets/fonts/fontawesome-webfont.ttf"):
  actionpack (4.2.5.1) lib/action_dispatch/middleware/debug_exceptions.rb:21:in `call'
  web-console (2.3.0) lib/web_console/middleware.rb:28:in `block in call'
  web-console (2.3.0) lib/web_console/middleware.rb:18:in `catch'
  web-console (2.3.0) lib/web_console/middleware.rb:18:in `call'
  actionpack (4.2.5.1) lib/action_dispatch/middleware/show_exceptions.rb:30:in `call'
  railties (4.2.5.1) lib/rails/rack/logger.rb:38:in `call_app'
  railties (4.2.5.1) lib/rails/rack/logger.rb:20:in `block in call'
  activesupport (4.2.5.1) lib/active_support/tagged_logging.rb:68:in `block in tagged'

config/initializers/assets.rb具有：

Rails.application.config.assets.version = '2.0'

这里的问题可能是什么，非常困惑？

Answer 1

尽管Rails让您将资产存储在assets/javascripts、assets/stylesheets、assets/fonts或其他格式中，但这些目录并不直接映射到URL。取而代之的是，所有服务都是从/assets提供的。所以在浏览器的地址栏中输入http://localhost:3000/assets/fontawesome-webfont.ttf，我打赌你会看到字体。

因此，您应该找到引用该字体的任何内容，并在那里修复URL (可能在CSS文件中)。但注意到，在生产中，Rails还会破坏这些资产的名称，以使它们更可缓存，因此在生产中正确的网址应该是类似http://example.com/assets/fontawesome-webfont-asdfasasdfadsfadfsasf23kjksdjkasdfadsf.ttf的内容。通过使用asset_path helper，您可以确保始终获得正确的URL。还有asset_url，image_path等等，甚至还有font_path！

Answer 2

fonts文件夹不会与资产中的其他Rails资产管道文件夹一起加载，因此需要首先将其添加到管道中。

在config/application.rb文件中添加以下行：

config.assets.paths << Rails.root.join("app", "assets", "fonts")

在Application类中，如下所示

class Application < Rails::Application
  config.assets.paths << Rails.root.join("app", "assets", "fonts")
end

这将允许在应用程序启动时加载font文件夹以及其余文件夹

然后在css文件中，将所有src: url("/assets/fonts/font_name.format");更改为src: url("/assets/font_name.format");

这应该能起到作用。

Answer 3

我从我的项目中删除了令人敬畏的css字体，只添加了darn gem，它就可以工作了:)