在Rails中使用Font-awesome pro

Question

我是Rails中的font-awesome的新手，我试图找到一种在rails中安装font-awesome pro的简单方法？ 我已经在网上搜索了，但是有很多不清楚的解决方案。 有人可以给我一种简单的方法来完成此安装吗？

我有一个专业帐户，

我不想使用CDN，

我正在使用Rails 5.1.4和ruby 2.5.0p0

谢谢

Answer 1

关于“ Rails”的文档确实在Sass中，但这只是因为Rails默认使用Sass。 更不用说， 原始文档实际上是特定于Sass的，因此并不完全适合Rails。

使用Sass，自己托管Font Awesome并允许Sass继承：

• 下载真棒字体。 Google Hosting Font Awesome Yourself ，然后单击第一个结果。 下载并解压缩该zip文件。
• 将Font Awesome放入Rails项目中。
  • 创建文件夹/vendor/assets/fonts和/vendor/assets/stylesheets如果不存在）。
  • 从您的Font Awesome未存档下载：
    • 将scss放入/vendor/assets/stylesheets并将其重命名为fontawesome 。
    • 将webfonts放入/vendor/assets/fonts并将其重命名为fontawesome 。

• 将字体导入到Sass中。 在application.scss （具有选定的样式 ），最好在顶部或顶部附近：

   $fa-font-path: 'fontawesome'; @import "fontawesome/fontawesome"; @import "fontawesome/<style>"; // for each style you use 

• 编辑样式以正确导入资产。 每个样式的scss（即brand.scss）内都有url链接。 将每个url更改为asset-url以正确使用Rails资产管道。

• 预编译字体。 可以通过多种方式进行配置，但是我输入了assets.rb ：

   Rails.application.config.assets.precompile << File.join('fontawesome', /\\.(?:svg|eot|woff2?|ttf)\\z/.to_s) 

---

带nav-home类的纯色home按钮的继承示例：

# /app/assets/stylesheets/application.rb
$fa-font-path: 'fontawesome';
@import "fontawesome/fontawesome";
@import "fontawesome/solid";

.nav-home {
  @extend %fa-icon;
  @extend .fas;

  &:before {
    content: fa-content($fa-var-home);
  }
}

# /app/views/<view>/<view_action>.html.erb
<%= link_to('', root_path, class: 'nav-home') %>

这将成为仅图标的主页按钮。

另外，您可以使用html 链接或脚本 ，但我认为您会错过使用Sass继承并真正清理html.erb 。