如何在节点模块的 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>
我已经在我的 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/
然后,将文件解压到 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>