微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

我已经在我的 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 应用程序,它使用了 awesome 字体,我只使用了 CDN。但 Atheesh Thirumalairajan 的帖子也是一种有效的方式。只需确保您从公共文件夹提供服务。

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其他元素将获得点击?
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。)
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbcDriver发生异常。为什么?
这是用Java进行XML解析的最佳库。
Java的PriorityQueue的内置迭代器不会以任何特定顺序遍历数据结构。为什么?
如何在Java中聆听按键时移动图像。
Java“Program to an interface”。这是什么意思?