Ruby on rails @在Rails 4.0中找不到自定义字体的带有Sass URL的字体

Ruby on rails @在Rails 4.0中找不到自定义字体的带有Sass URL的字体,ruby-on-rails,fonts,ruby-on-rails-4,font-face,Ruby On Rails,Fonts,Ruby On Rails 4,Font Face,在我的Rails项目中,我尝试使用自定义字体。关于这个问题有很多答案,比如这个答案没有帮助,我编辑了development.rb: # Add the fonts path config.assets.paths << Rails.root.join('app', 'assets', 'fonts') # Precompile additional assets config.assets.precompile += %w( .svg .eot .woff .ttf ) 我在源代

在我的Rails项目中,我尝试使用自定义字体。关于这个问题有很多答案,比如这个答案没有帮助,我编辑了
development.rb

# Add the fonts path
config.assets.paths << Rails.root.join('app', 'assets', 'fonts')

# Precompile additional assets
config.assets.precompile += %w( .svg .eot .woff .ttf )
我在源代码中尝试了
font\u路径(“”)
,也尝试了
font-url()(

试试
asset-url()
。对我有用

@font-face {
   font-family: 'chalkdusterregular';
    src: asset-url('chalkduster-webfont.eot');
    src: asset-url('chalkduster-webfont.svg#chalkdusterregular') format('svg'), 
         asset-url('chalkduster-webfont.eot?#iefix') format('embedded-opentype'),
         asset-url('chalkduster-webfont.woff') format('woff'),
         asset-url('chalkduster-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
此外,我只在config/environments/production.rb中添加字体路径和预编译其他资产

# Add the fonts path
config.assets.paths << Rails.root.join('app', 'assets', 'fonts')

# Precompile additional assets
config.assets.precompile += %w( .svg .eot .woff .ttf )
#添加字体路径

config.assets.paths我发现了一种更易于实现的无需导入的替代方法,这是: 您可以在64进制文本上转换字体文件。 确保选中Base64 encode选项

然后单击convert并下载生成页面的.zip文件。 在.zip文件中打开de.css,您将看到所需的代码。


我试图实现jverban的解决方案,但对我来说,不起作用

然后我找到了一首短裙,解释了两种方法

我尝试了第二种解决方案(黑客的方式)。唯一要做的就是将字体文件夹移动到app/assets/stylesheets中。(我建议您将所有字体放在一个名为fonts的文件夹中)

然后,在css文件o scss中,您可以使用此代码来执行此操作

@font-face {
    font-family: 'GoodDDC';
    src: url(asset_path("fonts/GOODDC.ttf"));
}
文件夹
app/assets/stylesheets

树文件夹看起来像

app/assets/stylesheets/fonts/yourfont.ttf (wof, etc)

看起来你甚至可以使用
font-url('font\u-name')
而不是
asset-url('font\u-name',font)
对我来说,
font-url
不起作用(链接到/font/file.ext),而
asset-url
对我来说,它在rails 4.1.1上使用了*.svg*.eot*.woff*.ttf
app/assets/stylesheets/fonts/yourfont.ttf (wof, etc)