我在使用以下@font-face声明与Rails 3.1应用程序一起使用时遇到麻烦。我将字体放在Asset Pipeline中的资产文件夹中images,stylesheets并与and 一起放置在其自己的文件夹“ Fonts”中。javascripts
@font-face
images
stylesheets
javascripts
这是我使用的声明(由Font Squirrel生成)。
@font-face { font-family: 'ChunkFiveRegular'; src: url('Chunkfive-webfont.eot'); src: url('Chunkfive-webfont.eot?#iefix') format('embedded-opentype'), url('Chunkfive-webfont.woff') format('woff'), url('Chunkfive-webfont.ttf') format('truetype'), url('Chunkfive-webfont.svg#ChunkFiveRegular') format('svg'); font-weight: normal; font-style: normal; }
任何人都可以在其Rails 3.1应用程序上成功使用@ font-face吗?
更新资料
我刚刚阅读了该线程,声明中更改url为font-url。不幸的是,这似乎也不起作用。
url
font-url
您必须将文件夹添加到资产路径(到文件config/application.rb),请参见[Rails指南
config/application.rb
config.assets.paths << "#{Rails.root}/app/assets/fonts"
并且您应该使用asset_path助手:
asset_path
src: url('<%= asset_path('Chunkfive-webfont.eot') %>');