Android 如何将字体Awesome(4.7)与Nativescript(3.4.2)和Angular(5)结合使用

Android 如何将字体Awesome(4.7)与Nativescript(3.4.2)和Angular(5)结合使用,android,font-awesome,nativescript,angular5,Android,Font Awesome,Nativescript,Angular5,希望这是一个简单的问题,但它现在让我感到困惑 我正在使用Angular 5/TS选项卡式模板为Android创建一个Nativescript应用程序,并尝试将字体很棒的图标集成到项目中。问题是,每个图标都显示为信封/占位符,而不是实际的图标。在安卓系统上运行这项功能需要我做些什么吗? 请参见下面的屏幕截图 以下是我从各种在线教程和指南中收集的内容: “.ttf”字体文件需要位于“./app/fonts/”文件夹中 css类需要使用与字体文件名匹配的字体族来创建 css类需要应用于模板文件中所

希望这是一个简单的问题,但它现在让我感到困惑

我正在使用Angular 5/TS选项卡式模板为Android创建一个Nativescript应用程序,并尝试将字体很棒的图标集成到项目中。问题是,每个图标都显示为信封/占位符,而不是实际的图标。在安卓系统上运行这项功能需要我做些什么吗? 请参见下面的屏幕截图

以下是我从各种在线教程和指南中收集的内容:

  • “.ttf”字体文件需要位于“./app/fonts/”文件夹中
  • css类需要使用与字体文件名匹配的字体族来创建
  • css类需要应用于模板文件中所需的标记,文本属性需要包含图标的unicode
  • 大多数/所有教程都使用iOS而不是Android(我使用的是Android),并且它们使用的是.css而不是.scss文件。这与此有关吗
尽管做了以上所有的工作,我还是不能让它工作。以下是我正在尝试的设置:

同样的事情似乎发生在一个普通的老标签上:


试试这个插件,它有助于使用任意/多个字体图标


使用标准
字体.ttf
而不是web字体变体。 使用SCS而不是CSS不会改变任何东西——事实上,就是用SCS实现
FontAwesome

唯一的区别是模板使用的不是
-webfont
,而是
FontAwesome.ttf
,并且在相应的SCSS类中,字体使用其文件名

法兰西{
字体系列:“真棒”
}

谢谢Nick,我今天晚些时候会试一试并回复。谢谢Manoj,我已经尝试了这个插件(包括他们的说明),但没有成功。至少我可以确认我已经成功使用了font awesome和icon moon字体的插件。