热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

如何使用Node.jsmodules中字体牛逼的图标?

如何使用Node.js-modules中字体牛逼的图标?原文

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

    输出:



推荐阅读
author-avatar
牛粪不插花88
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有