如何在 NativeScript 上使用 font-awesome 中的图标？

Question

我正在尝试在我在 NativeScript 上开发的应用程序上使用一些字体很棒的图标，我只是不知道如何使用它们。

我尝试了一些方法，比如将我想要使用的图标的 unicode 放在 HTML 中的提示上，例如 (Ex:hint="#f2c0 username")。我曾尝试使用字体系列：“FontAwesome,'fontawesome-webfont';” 在 CSS 中。

我试图在 TextField 的提示上放置一个用户图标。

Answer 1

在您的应用程序文件夹中使用“字体”创建文件夹名称下载 3 个文件并将它们移动到字体文件夹中

1. fa-brands-400.ttf
2. fa-regular-400.ttf
3. fa-solid-900.ttf

在 app.css 中编写以下 css 类

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

.fab {
  font-family: Font Awesome 5 Brands, fa-brands-400;
}

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

在 xml 中使用：

<Button class="btn fas" text="&#xf095;"></Button>