Android Nativescript和FontName

我正在尝试在Nativescript应用程序中使用图标字体，这在本文中是可能的

我做了那篇文章中描述的一切：

• 在应用程序/字体中添加.ttf
• 在app.css中添加了类
  法兰西{ 字体系列：“FontAwesome”； }

• 像这样在XML中使用它
  text=“；”class=“fa”

但结果相当令人失望：

我还尝试了“\uf230”语法，但它呈现为纯文本

---

我做错了什么？

可能有几件事。它在iOS上工作吗？因为您的CSS定义与iOS兼容，而不是Android，因为Android需要实际的文件名（不带扩展名），而iOS需要字体名。因此，我必须准备好xplatform（文件是'fontawesome webfont.ttf'）：

\f005

语法没有问题（

），但我使用了出色的

nativescript ngx fonticon

插件（还有一个非角度的插件）来实现这一点：

---

要使其正常工作，必须确保“字体”目录位于“应用程序”文件夹中，并且存在以下文件：

font-awesome.eot
font-awesome.ttf

我选择采用这种字体作为我的应用程序的默认字体，因此我不必担心我将在哪里使用它，以及进入正确的类需要多少，一切都变得非常好，结果也非常完美

在CSS中，您只需根据您对要使用的源的兴趣定义选择器，因此只需使用指令：

page {
  font-family: 'FontAwesome'
} 

然后，在需要图标的地方，只需在搜索站点时使用表示图标的html实体即可：

请参见图片：

---

你可以在我开始的地方看到这段视频。它纠正了视频中分机过去的专注

谢谢，添加文件名在android上有效，因为我是在android上测试的。但同样的声明是否也适用于iOS？或者我也必须为iOS制作版本吗？请参阅CSS声明和上面的文本。是的，这个CSS声明也可以用于iOS了。@EddyVerbruggen你用字体Awesome 5.x得到这个声明了吗？谢谢。尽管如此，oet似乎并不是真的必要，因为它在没有它的情况下工作。不管怎样，它的目的是什么？我保留了每个指示的eot，但我知道在这个过程中只有ttf是重要的。正如你从我的安装中所看到的，为了方便起见，我保留了所有的文件。但是如果它只与ttf一起工作，数据包就会变小。

page {
  font-family: 'FontAwesome'
}