Ruby on rails @在Rails 4.0中找不到自定义字体的带有Sass URL的字体
在我的Rails项目中,我尝试使用自定义字体。关于这个问题有很多答案,比如这个答案没有帮助,我编辑了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 ) 我在源代
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)