如何将很棒的字体添加到rails 7（jsbundling）？

Question

抱歉，这个话题已经被讨论过很多次了。但是，我刚刚使用 esbuild 创建了一个新的 Rails 7 应用程序，将 font-awesome-sass 添加到 gem 文件中，创建了 application.css.scss （已经有 application.bootstrap.scss ）并放置了“@import 'font-awesome'; ” 在那里。

然后我将以下内容添加到视图页面：

      <i class="fa-sharp fa-solid fa-house"></i>
      <%= icon 'fa-brands', 'font-awesome' %>

没有页面错误，没有控制台错误——但是，图标在页面上不可见（代码位于源代码中）。我一直在盲目地试图解决这个问题——但是，无法弄清楚为什么这不起作用。

我是否错过了任何步骤？

我已经验证了 gem 的安装说明，我还尝试跳过 gem 并通过纱线安装 fontawesome。视图中没有显示任何图标。

Answer 1

当您使用 esbuild 时，您可以使用 npm 或 yarn 安装 fontawesome

yarn add @fortawesome/fontawesome-free

并将其导入您的 javascript/application.js

import "@fortawesome/fontawesome-free/js/all";

请记住仅使用免费图标，fa-sharp不是免费的