Question

我正在考虑尝试使用@ font-face在我的rails应用程序中使用font-squirrels字体。希望这是解释它的正确方法。我对此比较陌生，所以希望有人可以建议我如何在rails app中使用它

由于

Answer 1

好的，以为我会给出答案，这样可以帮助其他人解决我的问题。我只是用Google搜索并将所有碎片放在一起，我就是懒惰/害怕这一点上的未知，所以为此道歉。只是尝试它真的有助于理解

反正

1）在app / assets中创建一个名为fonts的文件夹 2）将所有svg .eot .woff .ttf放在此文件夹中 3）在config / 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-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

2 个答案: