如何在Angular中将FontAwsome用作字体家族

Question

我想在我的css文件中使用fontAwsome作为fontFamily，以便在图标后更改<li>。

在普通HTML / CSS中，我可以做到这一点而没有问题：

ul li:not(:last-child):after {
font-family: 'FontAwesome';
content: '\f105';
font-size: 13px;
top: 0px;
right: 0;
position: absolute;
}

但是有角度，我无法在css文件中访问FontAwesome。

在我的组件html中，我使用它没有任何问题：<fa-icon icon="home"></fa-icon>。

Answer 1

1. CREATE TABLE [dbo].[Invoice] ( [InvoiceID] INT IDENTITY (1, 1) NOT NULL, [CustomerName] VARCHAR (50) NULL, [Telephone] CHAR (10) NULL, [Date] VARCHAR (30) NULL, [Total] FLOAT (53) NULL, [Discount] FLOAT (53) NULL, [ToPay] FLOAT (53) NULL, CONSTRAINT [Invoice_PK1] PRIMARY KEY CLUSTERED ([InvoiceID] ASC) CREATE TABLE [dbo].[Orders] ( [InvoiceID] INT NOT NULL, [ItemNO] INT NOT NULL, [Category] VARCHAR (50) NULL, [ItemName] VARCHAR (50) NULL, [Price] FLOAT (53) NULL, [Qty] INT NOT NULL, [SubTotal] FLOAT (53) NULL, CONSTRAINT [Orders_FK1] FOREIGN KEY ([InvoiceID]) REFERENCES [dbo].[Invoice] ([InvoiceID])
2. 导入您的CSS：npm i font-awesome
3. 在您的html中，您只需要执行以下操作：@import "~font-awesome/css/font-awesome.css"