小编典典

在Rails 3.1应用程序中使用@ font-face?

css

我在使用以下@font-face声明与Rails 3.1应用程序一起使用时遇到麻烦。我将字体放在Asset
Pipeline中的资产文件夹中imagesstylesheets并与and 一起放置在其自己的文件夹“
Fonts”中。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吗?

更新资料

我刚刚阅读了该线程,声明中更改urlfont-url。不幸的是,这似乎也不起作用。


阅读 291

收藏
2020-05-16

共1个答案

小编典典

您必须将文件夹添加到资产路径(到文件config/application.rb),请参见[Rails指南

config.assets.paths << "#{Rails.root}/app/assets/fonts"

并且您应该使用asset_path助手:

src: url('<%= asset_path('Chunkfive-webfont.eot') %>');
2020-05-16