字体-可怕的图标没有加载在Heroku上

xt0899hw  于 2022-11-13  发布在  其他
关注(0)|答案(2)|浏览(123)

我正在通过ejs使用font-awesome图标,我可以在我的localhost中看到这些图标,但当我推到Heroku时就看不到了...
我是这样使用它们的:

<li>
     <a class="header-menu-tab" href="/report"><span class="icon fontawesome-star-empty scnd-font-color"></span>REPORT</a>
</li>

我还通过cli使用npm install --save @fortawesome/fontawesome-free安装了它...仍然没有。有什么建议吗?
在本地主机上运行良好,但在Heroku上不行

r7s23pms

r7s23pms1#

尝试添加

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

应用程序/javascript/包/应用程序.js
我也有同样的问题,它对我起作用了!

xxb16uws

xxb16uws2#

导轨6.1
试试这个
首先,我们需要安装yarn
那我们先通过Yarn安装字体awesome

$ yarn add @fortawesome/fontawesome-free

将font-awesome样式表和javascript导入到您的应用程序列表中:

// application.scss
$fa-font-path: '@fortawesome/fontawesome-free/webfonts';
@import '@fortawesome/fontawesome-free/scss/fontawesome';
@import '@fortawesome/fontawesome-free/scss/solid';
@import '@fortawesome/fontawesome-free/scss/regular';
@import '@fortawesome/fontawesome-free/scss/brands';
@import '@fortawesome/fontawesome-free/scss/v4-shims';

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

现在,您可以看到应用到您的网站的图标。

相关问题