Font-Awesome 5 PRO in rails 5 app

Question

为了获得专业版套餐的好处，无法从gem中添加font-awesome 5.

尝试了添加提供给项目的文件的不同方法。关注Official guide

包裹内容：

我在其他stackoverflow帖子中看到，将其添加到应用程序的正确方法是

vendor/assets/

但在那之后，使用/ on-server /的css，js和font或/ web-fonts-with-css / files仍然无法正常工作。

尝试添加自定义样式表链接，需要并在scss中导入。无法实现它。

希望我已经清楚了。

Answer 1

还有一种方法可以使用没有任何js的原始svg，从而避免渲染问题和讨厌的黑客导致恼人的闪烁副作用

它以名为faw_icon https://github.com/alexwebgr/faw_icon的视图助手的形式出现，它提供了三种将svg加载到应用程序中的方法

1. 使用元数据中的icons.json
2. 使用原始单个svg文件
3. 使用svg sprites

按设计，它不会捆绑任何符合较小下载大小的图标，并允许开发人员在新图标集可用时更新图标集，使用自定义图标或PRO集合

Answer 2

如果使用支持节点模块的导轨。

1. 添加配置

npm config set "@fortawesome:registry" https://npm.fontawesome.com/ && \
  npm config set "//npm.fontawesome.com/:_authToken" YOUR_AUTH_TOKEN

OR

将配置保存到应用程序根文件夹中的文件 .npmrc 中，如下所示：

@fortawesome:registry=https://npm.fontawesome.com/
//npm.fontawesome.com/:_authToken=YOUR_AUTH_TOKEN

1. 运行NPM或YARN以安装软件包

npm install --save @fortawesome/fontawesome-pro

OR

yarn add @fortawesome/fontawesome-pro

1. 在 app / assets / application.js 文件中添加软件包

//= require @fortawesome/fontawesome-pro/js/all.min.js

通过在 config / application.rb 中添加以下行，在资产路径中
1. 包含 Node Modules 文件夹

config.assets.paths << Rails.root.join('node_modules')

再次启动服务器，可以使用真棒PRO 。

有关更多详细信息，您可以访问以下链接：

https://fontawesome.com/how-to-use/on-the-web/setup/using-package-managers