I'm using Rails 3.0.9, and I want to use @font-face CSS3 feature to embed
fonts in my app. Here's my CSS.

@font-face {
font-family: 'CodeBoldRegular';
src: url('code_bold-webfont.eot');
src: url('code_bold-webfont.eot?#iefix') format('embedded-opentype'),
url('code_bold-webfont.woff') format('woff'),
url('code_bold-webfont.ttf') format('truetype'),
url('code_bold-webfont.svg#CodeBoldRegular') format('svg');
font-weight: normal;
font-style: normal;

}
@font-face {
font-family: 'GeosansLightRegular';
src: url('geosanslight-webfont.eot');
src: url('geosanslight-webfont.eot?#iefix')
format('embedded-opentype'),
url('geosanslight-webfont.woff') format('woff'),
url('geosanslight-webfont.ttf') format('truetype'),
url('geosanslight-webfont.svg#GeosansLightRegular') format('svg');
font-weight: normal;
font-style: normal;

}
I have all the font files ready thanks to http://www.fontsquirrel.com/ but
my questions is where should I put them? I tried putting them in
/public/fonts/ making changes to the url part of the CSS above to
'../fonts/fontfile' but that doesn't work. I also tried putting them in
/vendor/assets/fonts/, which I believe is the convention for Rails 3.1.
I've also tried the CSS outside of Rails and it works fine.










--
You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group.
To view this discussion on the web visit https://groups.google.com/d/msg/rubyonrails-talk/-/o8qjUAgJClgJ.
To post to this group, send email to rubyonrails-talk@googlegroups.com.
To unsubscribe from this group, send email to rubyonrails-talk+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en.

Search Discussions

Related Discussions

Discussion Navigation
viewthread | post
Discussion Overview
grouprubyonrails-talk @
categoriesrubyonrails
postedMar 23, '12 at 3:48p
activeMar 23, '12 at 3:48p
posts1
users1
websiterubyonrails.org
irc#RubyOnRails

1 user in discussion

Tsegaselassie Tadesse: 1 post

People

Translate

site design / logo © 2022 Grokbase