ruby-on-rails - 如何将很棒的字体添加到rails 7(jsbundling)？

Question

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

然后我将以下内容添加到 View 页面:

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

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

我错过了什么步骤吗？

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

Answer 1

由于您使用的是 esbuild，因此可以使用 npm 安装 fontawesome

yarn add @fortawesome/fontawesome-free

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

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

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