📜  如何使用来自 Node.js-modules 的字体真棒图标?

📅  最后修改于: 2022-05-13 01:56:20.962000             🧑  作者: Mango

如何使用来自 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:

输出: