在Angular中使用FontAwesome专业版
，可以通过以下步骤实现：
- 首先，确保你已经安装了Angular CLI，并创建了一个新的Angular项目。
- 打开终端，进入项目目录，并执行以下命令安装FontAwesome的依赖：
- 打开终端，进入项目目录，并执行以下命令安装FontAwesome的依赖：
- 在Angular项目的根模块（通常是app.module.ts）中，导入FontAwesome的依赖：
- 在Angular项目的根模块（通常是app.module.ts）中，导入FontAwesome的依赖：
- 在需要使用FontAwesome图标的组件中，导入需要的图标：
- 在需要使用FontAwesome图标的组件中，导入需要的图标：
- 在组件的模板中，使用FontAwesome图标：
- 在组件的模板中，使用FontAwesome图标：
- 这样就可以在Angular中使用FontAwesome专业版的图标了。
FontAwesome是一个非常流行的图标库，它提供了丰富的图标供开发者使用。在Angular中使用FontAwesome可以为应用程序增加美观和可视化效果。FontAwesome图标可以用于各种场景，例如按钮、导航栏、表单等。
腾讯云提供了丰富的云计算产品，其中包括云服务器、云数据库、云存储等。这些产品可以帮助开发者快速构建和部署应用程序。具体关于腾讯云的产品介绍和相关链接，请参考腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我们正在尝试在Angular 10应用程序中用pro图标替换免费的字体--真棒的5个图标。我们正在像这样导入Explicit Reference的免费字体(在component.ts中) import { faLock } from "@fortawesome/free-solid-svg-icons"; 但是，当使用pro图标时，似乎没有提供TypeScript文件，@fortawesome/fontawesome-pro npm包中</
浏览 43提问于2020-08-26得票数 5
回答已采纳
我有一个新的angular cli(8+)项目和sass(SCSS)。我查看了Fontawesome文档，发现了多种托管fontawesome图标(、或)的方式。
我想知道它们之间的区别是什么？这是具有sass的Angular CLI项目的推荐方式。
浏览 6提问于2020-02-26得票数 2
我正在学习颤振，我使用fontAwesomeIcons。
是否有任何方法使用添加/实现FontAwesome图标的瘦版本或概要版本用于颤振应用程序？
浏览 8提问于2022-09-08得票数 0
回答已采纳
我在使用scss向我的Angular 4+项目添加字体时遇到了问题。我已经尝试了这里给出的许多步骤:对于基于scss的项目，主要是将@import '~/../node_modules/font-awesome/scss/font-awesome';添加到styles.scss中，将$fa-font-path : '~/../node_modules/font-awesome/fonts';添加
浏览 1提问于2017-10-24得票数 5
我在angular 10中使用的字体非常棒，而且我已经可以使用它了，但是我想使用一些我可以在https://fontawesome.com/icons上找到的图标，但是似乎有很多图标在我的项目中不起作用
浏览 24提问于2020-08-30得票数 0
作为我的项目构建脚本的一部分，我需要下载NPM专业版，但FontAwesome或YARN对我不可用。如何在没有软件包管理器的情况下从命令行界面下载FontAwesome专业版？
浏览 20提问于2019-01-25得票数 1
回答已采纳
我看过很多关于这个主题的帖子，但这对我没有帮助，因为我的场景在模块和库方面有很大的不同，这也是创建这个线程的原因，我配置了一个jenkins管道作业，试图执行npm install，它遇到了unable这与jenkins无关，因为我已经尝试使用命令行实用程序安装相同的程序，这里还得到了依赖关系未解决的错误。
我无法弄清楚，在解决@coreui时出了什么问题--我也尝试过使用--legacy-peer-deps开关安装模块，但这也不适合我。/compiler": "^11.2.5&quo
浏览 3提问于2021-08-25得票数 1
在我的angular 6应用程序中，父模块在package.json中使用font-awesome 4.7，如下所示；angular.json；现在，我的新开发的子模块需要有5.11.1版本的字体-可怕的图标，如果我将其升级到新版本，会
浏览 12提问于2022-04-24得票数 -1
1回答
我正在尝试在我的项目中使用FontAwesome。最初，我通过CDN加载了它，但我想正确地使用它。因此，我将FontAwesomeModule导入到了我的WidgetModule中。看起来是这样的：import { CommonModule } from '@angular/common';
import/widg
浏览 1提问于2018-11-23得票数 2
回答已采纳
我的老板给了我的zip发行版(不是NPM专用令牌，它需要更新)，我想升级以使用专业版本。 "@fortawesome/angular-fontawesome": "^0.9.0&quo
浏览 10提问于2021-11-23得票数 0
回答已采纳
当我尝试在我的angular 7应用程序中使用@fortawesome/angular-fontawesome时，我遇到了以下错误： node_modules/@fortawesome/angular-fontawesome/angular-fontawesome"' has no exported member 'FaIconLibrary 我按照文档中<
浏览 15提问于2019-10-14得票数 5
回答已采纳
17回答
我使用的是Angular 2+和Angular CLI。
我如何在我的项目中添加字体？
浏览 114提问于2016-08-06得票数 301
回答已采纳
3回答
我已经使用npm install --save font-awesome在npm中安装了fontawesome"styles": [node_modules/font-awesome/css/font-awesome.min.css", ],
然后，我将其添加到h
浏览 6提问于2020-11-25得票数 0
回答已采纳
如何在Visual Studio中通过FontAwesome使用Libman专业版？
我可以访问cdnjs，jsdelivr和unpkg，还有文件系统，但后者并不理想。
浏览 21提问于2020-05-13得票数 1
FontAwesome已经发布了一个，我想尝试一下，而不是使用CDN服务器的通常链接。根据指示，我应该使用来安装它。请参阅下面的兼容性表，以选择正确的版本$ npm install @fortawesome/角-fontawesome@。
兼容性表指出，如果运行的是角版本7.x，则应该使用0.3.x版本。通过检查文件package.json，我可以看到我使用的是“@range/core”："7.2.5"，我将其解释为FontAweso
浏览 3提问于2019-08-10得票数 3
回答已采纳
我尝试使用为外部链接提供的空间，但没有成功。我甚至直接添加了链接，但仍然不起作用。
我正在做一个实验，我无法让它发挥作用。向JsFiddle添加字体的正确方法是什么？
浏览 3提问于2014-07-07得票数 28
回答已采纳
3回答
我试图在一个角度的项目中使用来自FontAwesome的图标。一切都很好，我可以看到faCoffee图标，无论我把它放在我的模板。：然后在我的组件中分配图标字段：请注意，我实际上只是从我测试的例子中更改图标的名称，并且在我上面发布的即使我在声明中使用<
浏览 1提问于2018-08-24得票数 12
2回答
角-方框5图标与原始7或角2+
、、、、
我已经按照指示使用svg图标的角-方框5图标.请找到下面的链接
npm i --save @fortawesome/fontawesome-svg-core 如果我正确使用品牌图标第二步: app.module.ts文件中的：导入以下内容
import
浏览 1提问于2019-01-22得票数 7
我在一个Angular应用程序中创建了一个Angular库： ng new zts-button --create-application=falseng g lib lib-zts-button然后，我在Angular Library中创建了一个按钮模块，我需要在其中使用fontawesome。中 在创建了我的库的dist文件夹和.tgz文件之后，当我尝试在<
浏览 32提问于2020-11-16得票数 0
我正在尝试在运行Angular >5.0.0的angular-cli项目(1.6.0)中包含font AWOW5。现在我想把这个包包含到我的angular-cli中。在我的app.component.ts中，我尝试这样做(如所述)：import { faUser在Font A
浏览 2提问于2018-01-10得票数 13
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
