@ font-face rails 3.2

Question

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

谢谢

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)哦,然后重启服务器将它们全部放在一起:)