如何在nativescript上添加自定义图标字体

我正在尝试在我的NativeScript应用程序上使用图标字体

因此，我遵循以下步骤：

（1） -已将ttf文件下载到“我的应用程序/字体”文件夹中：

（2） -在我的

app.css

中，我声明字体全局类如下：

.fa {
  font-family: "Font Awesome 5 Free", "fa-regular-400", "fa-solid- 
  900";
 }

.fa-solid {
  font-family: "Font Awesome 5 Free", "fa-solid-900";
}

（3） -然后在我的html组件上：

<Label text="&#xf019;" class="far"></Label>

但我的图标不会出现在屏幕上。我正在使用NativeScript 6+和Angular 8

---

有什么帮助吗？

我想知道为什么字体图标没有显示出来

我使用的是NativeScript 5.1，自6.0版发布以来，我迁移了该项目：

tns迁移

问题是，我使用的是带有Angular 8的NS，并且根据需要，我必须将我的字体放在项目的根文件夹中

在根应用程序文件夹中（这是NativeScript Core的应用程序文件夹，Angular 6+的src文件夹），创建一个名为fonts的文件夹，并将.ttf放在那里

所以，很明显，问题是我的字体文件夹在

/app

中，而它应该在

/src

文件夹中

我花了太长时间才意识到这一点，因为出于某种奇怪的原因，我导入的文本字体（如“Montserrat.tff”）工作正常。所以我认为这个问题与NativeScript或其他什么有关

简而言之，使用NativeScript和Angular 6+的错误方法是：

正确的方法：

---

我希望这能帮助那些可能在同样的问题/情况下绊倒的新手。

是打字错误吗？您的类名为

far

，但您的类定义是

fa

/

fa solid

。正如Manoj所提到的，类名应该是

fa