@字体面轨3.2(@font-face rails 3.2)

2019-06-27 18:20发布

我想尝试使用使用@字体面在我的Rails应用程序的字体,字体松鼠。 希望这是解释它的正确途径。 我是比较新的这个所以希望有人能对我怎么会得到这个Rails应用程序内工作建议

谢谢

Answer 1:

行,所以以为我会给出答案,因此它可能帮助其他人出我的情况。 我GOOGLE了它,并把所有的拼在一起,我就这一个懒惰/害怕未知的所以that.Just道歉尝试它确实有助于理解

无论如何

1)创建一个文件夹中的应用程序/资产称为字体
2)将所有SVG .eot .woff的.ttf此文件夹中
3)在配置/ application.rb中把下面的

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

# Precompile additional assets
config.assets.precompile += %w( .svg .eot .woff .ttf ) 

4)在你的应用程序样式表,你把你的@字体面的风格,例如

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

}

5)然后,无论你想使用的字体只是使用FONT-FAMILY正常6)哦,然后重新启动服务器来整合所有:)



Answer 2:

也看到这个链接有一个良好的破败: http://spin.atomicobject.com/2011/09/26/serving-fonts-in-rails-3-1/



文章来源: @font-face rails 3.2