NativeScript:不在Android上加载font-family

时间:2017-01-13 18:26:58

标签: android css fonts nativescript

我为Galano Grotesque xxx.otf字体(xxx = Alt Black,Alt Black Bold等)导入了一组文件,它在iOS上的功能就像魅力一样,但在Android上则不然。当我在Android上运行应用程序时,未加载字体。

我用这个:

Label {
    font-family: "Galano Grotesque";
    color: #5b5b5f;
}

我发现了这篇帖子 - Android Not Showing Font Icon In NativeScript - 我尝试了这个

Label {
    font-family: "Galano Grotesque", galano grotesque;
    color: #5b5b5f;
}

但没有成功:(

有人知道我能做些什么来解决它吗?

由于

1 个答案:

答案 0 :(得分:3)

在iOS和Android中使用字体时,有一个主要考虑因素。 要使字体在iOS上运行,它应该使用完全字体名称(请注意,这不是文件名!)在Android中,字体应该以其特定的文件名引用

实施例: 我们假设您正在使用来自here的Galano Grotesque DEMO Bold字体(此版本可免费用于演示目的) 下载后,您会看到文件名如下

Rene Bieder - Galano Grotesque DEMO Bold.otf

字体名称是(在Mac中打开,使用FontBook应用程序查看弹出窗口顶部的字体名称..对于Windows,使用Windows字体查看器打开字体并查找字体名称

Galano Grotesque DEMO

所以要在iOS中使用它,你应该使用

font-family: "Galano Grotesque DEMO";

对于Android,你应该使用

font-family: "Rene Bieder - Galano Grotesque DEMO Bold";

当然,最佳做法是查看实际的字体名称是什么,并使用确切的名称重命名该文件,以便您可以在iOS和Android中重复使用它,而不会使用不同的CSS文件。

所有这一切都说在Android下检查您的文件名并确保CSS文件中的引用是相同的