Custom fonts not showing - css

Question

I have added new fonts to my app/assets/fonts/NewFont folder.
I have also added font files there: 1234.eot, 1234.woff2, 1234.woff, 1234.ttf
In my fonts.scss.css I have added:
#font-face {
font-family: 'NewFont';
src: font-url('NewFont/1234.eot');
src: font-url('NewFont/1234.eot?#iefix') format('embedded-opentype'),
font-url('NewFont/1234.woff2') format('woff2'),
font-url('NewFont/1234.woff') format('woff'),
font-url('NewFont/1234.ttf') format('truetype');
}
And when I use it for my body:
html, body {
font-family: 'NewFont', sans-serif;
}
And nothing happens. My font on the web-site is still showing the same. What am I missing?
I am using Ubuntu, but this shouldn't be dependent on the system in any-case.
I have tried replacing the font-url with assets-url, but no luck.
Should the font-family match some kind of font family that is already defined in the font files?
config/initializers/assets.rb:
Rails.application.config.assets.precompile += %w(1234.eot
1234.ttf
1234.woff
1234.woff2
fonts.css.scss)

Answer 1

You need to link to your assets folder:
#font-face {
font-family: '1234';
src: url('assets/fonts/NewFont/1234.eot');
...
...
}
More info on asset_path here: http://guides.rubyonrails.org/asset_pipeline.html

Answer 2

The answer was that I forgot to require the fonts file itself to the application.css file at the very top of the file:
*= require fonts
Side note:
Make sure that the fonts are in the public folder so production web-site can pick the fonts. For that purpose, update the:
src: font-url('NewFont/1234.eot')
to
src: url('/fonts/NewFont/1234.eot')
(in case you have moved the new font to the public/fonts/ directory)