Angular7安装Font Awesome

墨衍会员 · AI 创作全网分发码龄10年

关注

原创最新推荐文章于 2026-09-21 09:03:29 发布 863 阅读 AI 写同款· GEO 优化 ›

fontawesome-module:在Nuxt.js中使用Font Awesome图标的模块 @ nuxtjs / fontawesome 在您的Nuxt.js项目中使用图标的模块。在引擎盖下使用设置使用npm将依赖项添加到您的项目中 $ yarn add @nuxtjs/fontawesome -D // or to also add the free icon packs $ yarn add @nuxtjs/fontawesome @fortawesome/free-solid-svg-icons @fortawesome/free-brands-svg-icons -D 添加@nuxtjs/fontawesome到buildModules在nuxt.config 配置已加载的图标/整个集合使用'fontawesome'键： // nuxt.config.js buildModules: [ '@nuxtjs/fontawesome' , 立即下载

安装

npm i angular-font-awesome

app.module.ts


//导入插件
import { AngularFontAwesomeModule } from 'angular-font-awesome';

imports: [
    AngularFontAwesomeModule
  ],

angular.json
//修改两个地方

"styles": [
       "src/styles.scss",
         "./node_modules/font-awesome/scss/font-awesome.scss"
       ],
       //根据使用的css语法决定引入样式库

使用

<fa name="cog" animation="spin"></fa>

效果
在这里插入图片描述

标签

#angular7 #Font Awesome

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

一文入门Qwen-Agent【附实战代码】 Qwen-Agent 是一个开源框架，用于开发基于 Qwen 模型的 AI 智能体应用，一文带你入门使用阅读详情

0

bloxed

博客等级

码龄10年 263粉丝 192原创

+ 关注

评论

成就一亿技术人!

拼手气红包6.0元

还能输入1000个字符

插入表情

表情包

代码片

HTML/XML
objective-c
Ruby
PHP
C
C++
JavaScript
Python
Java
CSS
SQL
其它

条评论被折叠查看

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。