作者:牛粪不插花88 | 来源:互联网 | 2023-09-12 20:08
如何使用 Node.js-modules 中字体牛逼的图标?
原文:https://www . geesforgeks . org/如何使用-font-awesome-icons-from-node-js-modules/
Font-awesome 是一个网络图标库,它为你提供了可缩放的矢量图标,可以根据颜色、大小和其他方面进行定制。许多公司在他们的网站上集成了这个图书馆图标。它有 600 多个图标,无论分辨率屏幕大小如何,每个图标都是移动和桌面响应的。它还让我们不用 Javascript 就能使用动画。
安装库的语法:
npm install font-awesome --save
Approach:
首先,我们需要在终端输入上面的命令来安装软件包。 安装完成后,您可以在节点模块文件夹中找到包。 然后需要导入 style.css 文件中的文件。* After importing the file you can start using the font-awesome icons.
代码的实现:
在 style.css 文件中,使用以下语法导入 font-awesome。
js
@import url('../node_modules/font-awesome/css/font-awesome.min.css');
app.component.html:
js
Font-awesome
Notification :
Message or Inbox :
Bookmark :
Like Button :
Calendar:
输出: