如何在NativeScript上使用超赞的Icon图标?

时间:2019-01-24 16:43:41

标签: angularjs angular nativescript font-awesome

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

我尝试了一些方法,例如将要使用的图标的unicode放在HTML中的提示(例如(ex:hint =“#f2c0 username”)上。我尝试使用字体家族:“ FontAwesome,'fontawesome-webfont';”在CSS中。

我试图在文本字段的提示上放置一个用户图标。

1 个答案:

答案 0 :(得分:2)

在您的应用程序文件夹中使用“字体”创建文件夹名称,下载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>