Reputation: 43153
Does anyone know how to add another folder to the asset pipeline in Rails 3.1?
I'd like to serve app/assets/fonts
the same way app/assets/images
is served.
Update: 5-7-2013
Just to add some clarification for future people who find this question to explicitly add an asset path, in your application.rb file:
config.assets.paths << "#{Rails.root}/app/assets/fonts"
However, since the above path is under app/assets
you don't have to add it explicitly, you just need to restart your rails app so Sprockets can pick it up.
You will have to explicitly add paths that are outside of app/assets
,lib/assets
, or vendor/assets
, and just remember that while Sprockets picks up new files in folders that were present when your application loaded, in my experience it does not pick up new folders in the asset paths without a restart.
Upvotes: 78
Views: 41954
Reputation: 30319
By creating app/assets/images
and app/assets/fonts
they will be automatically added to the assets path.
Open up rails console after creating them and check with:
y Rails.application.config.assets.paths
(y
is a shortcut for the yaml
method)
Upvotes: 8
Reputation: 5246
Create assets/fonts
folder and add some font on it and use theme on your css file as follow
@font-face {
font-family: Sawasdee;
src: url(Sawasdee.ttf);
}
Upvotes: 1
Reputation: 11641
It works without adding the path, but be careful that you are using a valid file name for the asset.
url("#{asset_path 'fontawesome-webfont.eot'}?#iefix") format('embedded-opentype'),
...
url("#{asset_path 'fontawesome-webfont.svg'}#FontAwesome") format('svg');
For example, in this case, leave ?#iefix
outside the font file name
Upvotes: 3
Reputation: 51
I can confirm it works without adding the new paths to the config in Rails 3.1.0.rc4 (and presumedly higher). I bounced my server, you might do the same.
Upvotes: 2
Reputation: 7135
Andrew, Jason, agreed. FWIW I put this in my config/application.rb next to
# Enable the asset pipeline
config.assets.enabled = true
config.assets.paths << "#{Rails.root}/app/assets/fonts"
Upvotes: 43
Reputation: 1255
Andrew, app/assets/fonts
is actually already in your asset load path, along with images
. So you can just point to the asset in the same way: <%= asset_path('/Ubuntu/Ubuntu-R-webfont.eot') %>
[1] or how ever you are referencing your images.
It took me a while to wrap my head around this as well. I still don't know what happens if there's a file with the same name in app/assets/fonts
and app/assets/images
.
[1] Assuming you have a font at app/assets/fonts/Ubuntu/Ubuntu-R-webfont.eot
Upvotes: 74