bower installation: wrong font path in rails

[yordis]

I am using bower for install the dependency of bootstrap.

_.bowerrc_

 {
   "directory": "vendor/assets/components"
 }

_add components folder_ to the asset pipeline

config.assets.paths << Rails.root.join('vendor', 'assets', 'components')

_require_ the bootstrap dependency

*= require bootstrap-sass-official

The problem is in _glyphicons file the lines where we specify the dependency with the font files I need to change it to because it's giving me error.

//= depend_on "bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.eot"
//= depend_on "bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.svg"
//= depend_on "bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf"
//= depend_on "bootstrap-sass-official/assets/fonts/bootstrap/glyphicons-halflings-regular.woff"

I don't like the idea of go to the bower files and change it, that's pretty bad in my opinion. What can I do? for fix this problem

[yordis]

@glebm can you help me with this please?

[glebm]

For you app, you can simply add bootstrap-sass-official/assets/fonts to the load path (#592).

config.assets.paths << Rails.root.join(*%w(assets components bootstrap-sass-official assets fonts)

A better solution would be improve Sprockets with support for relative paths in depend_on, so bootstrap-sass can depend_on ../fonts/bootstrap.... Last time I checked relative paths refused to work with depend_on, but this was a few months ago.

[yordis]

yes I am looking for something like improve the sprockets I don't want to add the bootstrap font path to my assets or something related to that.
I going to change the _glyphicons then and put the relative path. Thank very much @glebm

[yordis]

@glebm why did you revert the commit?

[glebm]

Because it does not work, see rails/sass-rails#241

[glebm]

Please try out the lastest next branch, see the commit for details.

[glebm]

To do: add Readme section on using the Bower package with Rails.

[Ross-Hunter]

This issue also affects middleman (and I imagine anything else that uses sprockets).

I had to similarly tell sprockets about the font load path. In my case I wanted to load all the fonts so I have a little bit of heavy-handed loading going on here in config.rb

after_configuration do
  @bower_config = JSON.parse(IO.read("#{root}/.bowerrc"))
  Dir.glob(File.join("#{root}", @bower_config["directory"], "**/*", "fonts")) do |f|
    sprockets.append_path f
  end
  sprockets.append_path File.join "#{root}", @bower_config["directory"]
end

This appears to work for me.

[glebm]

Relative path resolution in font-url does not work with paths relative to the partial in Sass + Sprockets. As an alternative to modifying the load path, you can try changing $icon-font-path:

$icon-font-path: "bootstrap-sass-official/assets/fonts/bootstrap/";

[glebm]

Released in v3.3.0