如何使用来自 Node.js-modules 的字体真棒图标?
Font-awesome 是一个 Web 图标库,它为您提供可缩放的矢量图标,可以在颜色、大小和更多方面进行自定义。许多公司在他们的网站上集成了这个库图标。它有 600 多个图标,每个图标都是移动和桌面响应的,无论分辨率屏幕大小如何。它还使我们能够在不使用 javascript 的情况下使用动画。
安装库的语法:
npm install font-awesome --save
- 方法:
- 首先,我们需要在终端中输入上述命令来安装包。
- 安装完成后,您可以在 node-modules 文件夹中找到该包。
- 然后您需要在 style.css 文件中导入该文件。
- 导入文件后,您可以开始使用字体真棒图标。
代码实现:
在 style.css 文件中,使用以下语法导入 font-awesome。
@import url('../node_modules/font-awesome/css/font-awesome.min.css');
app.component.html :
Font-awesome
Notification :
Message or Inbox :
Bookmark :
Like Button :
Calendar:
输出: