在 Nodejs (with express js) 项目的 ejs 文件中添加 Font Awesome 图标答案

【问题标题】：Adding Font Awesome icons in the ejs file in Nodejs (with express js) project在 Nodejs (with express js) 项目的 ejs 文件中添加 Font Awesome 图标
【发布时间】：2019-07-28 01:45:39
【问题描述】：

大家好，我正在尝试使用 Nodejs 构建评论系统项目。在某个地方，我想在我的项目中使用 Font Awesome 图标，所以我尝试了 2 种方法，但未能呈现这些图标

第一

包括

<link href="https://stackpath.bootstrapcdn.com/.../font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" 
    crossorigin="anonymous">

在 ejs 文件中我的 head 标签内然后

第二

下载此压缩文件https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself

并打开里面的 CSS 文件夹并将 all.min.css 文件拖到项目中的公共目录中。然后使用链接标签在您的模板/HTML 中引用它，例如：

和

两种方式都失败了，我错过了什么吗？

【问题讨论】：

请分享您尝试使用 font-awesome 的ejs 代码
@StephenS gist.github.com/ratnabh/62b24e9d29be42449553afc42505e592

标签： node.js express font-awesome ejs

【解决方案1】：

由于您在 fas 类中使用了 font-awesome solid 样式，因此您必须包含 solid.css 样式。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/solid.min.css">

【讨论】：