在 Nodejs(使用 express js)项目的 ejs 文件中添加 Font Awesome 图标
Adding Font Awesome icons in the ejs file in Nodejs (with express js) project
大家好,我正在尝试使用 Nodejs 构建一个评论系统项目。在某个地方我想在我的项目中使用 Font Awesome 图标所以我尝试了 2 种方法但未能呈现这些图标
第一个
包括
<link href="https://stackpath.bootstrapcdn.com/.../font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
crossorigin="anonymous">
在我的 ejs 文件中的 head 标签内
然后
第二
下载此 zip 文件https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself
并打开里面的 CSS 文件夹,然后将 all.min.css 文件拖到项目的 public 目录中。
然后使用 link 标签在您的 templates/HTML 中引用它,例如:
和
两种方式都失败了,我是不是漏掉了什么?
由于您在 fas
class 中使用字体超棒的实体样式,因此您必须包含 solid.css
样式。
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/solid.min.css">
大家好,我正在尝试使用 Nodejs 构建一个评论系统项目。在某个地方我想在我的项目中使用 Font Awesome 图标所以我尝试了 2 种方法但未能呈现这些图标
第一个
包括
<link href="https://stackpath.bootstrapcdn.com/.../font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
crossorigin="anonymous">
在我的 ejs 文件中的 head 标签内 然后
第二
下载此 zip 文件https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself
并打开里面的 CSS 文件夹,然后将 all.min.css 文件拖到项目的 public 目录中。 然后使用 link 标签在您的 templates/HTML 中引用它,例如:
和
两种方式都失败了,我是不是漏掉了什么?
由于您在 fas
class 中使用字体超棒的实体样式,因此您必须包含 solid.css
样式。
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/solid.min.css">