如何在节点模块的 ejs 文件中使用 font-awesome?

How to use font-awesome in ejs file from node modules?

我已经在我的 nodejs 应用程序中安装了 font-awesome 4.7

我必须在我的 views.ejs 文件中获取它。

我尝试使用标签导入...

<link rel="stylesheet" href="../node_modules/font-awesome/css/font-awesome.min.css" >

从 css 这样的文件...

@import url('../node_modules/font-awesome/css/font-awesome.min.css');

但他们没有帮助....

查看浏览器的网络选项卡时加载失败...

请帮助..提前致谢!

您不需要使用 node_modules,简单的方法是从 https://fontawesome.com/v4.7.0/get-started/

下载 Font Awesome

然后,将文件解压到 public 文件夹(您需要在 express 中定义 public 目录)

然后,在 HTML 的 <head></head> 部分,添加:
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

您也可以查看他们的官方 examples。 同样的事情适用于 Font Awesome 5 但是,你需要从 https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself

下载

我在生产中有一个 ejs 应用程序,它使用很棒的字体,我只使用 CDN。但 Atheesh Thirumalairajan post 也是一种有效的方法。只需确保您从 public 文件夹提供服务。

<script src="https://kit.fontawesome.com/c03ec31dc2.js" crossorigin="anonymous"></script>