问题描述
我已经在我的 nodejs 应用程序中安装了 font-awesome 4.7
我尝试使用标签导入...
<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>