📜  如何使用节点模块中的字体很棒的图标?

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

如何使用节点模块中的字体很棒的图标?

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:

输出: