nativescript - 无法在平台 iOS NativeScript 中添加自定义字体

Question

我已按照官方文档中的指南将自定义字体添加到我的 native 脚本应用程序中。 https://docs.nativescript.org/ui/styling#custom-fonts

字体名称为 Ubuntu，如下图所示。

我在项目的/fonts 文件夹下添加了字体 Ubuntu.ttf，并将以下内容添加到我的 app.css 文件中:

.Ubuntu
{
    font-family: Ubuntu;
}

但是，一旦对应用程序进行分层，我就看不到应用于我的标签的字体。

<Label class="Ubuntu" text="This is a test message" ></Label>

任何帮助将不胜感激。

Answer 1

啊，iOS 上的美妙字体问题。幸运的是，这很容易解决。

我实际上有一个完整的 blog article关于如何在 NativeScript 中使用字体。

但为了简单回答您的具体问题，该字体实际上并未命名为“Ubuntu”；那是文件名。如果您查看字体图片的中上部，您会看到名称实际上是“Ubuntu Gras”。

所以你的 CSS 实际上应该是这样的。

.Ubuntu
{
    font-family:Ubuntu,Ubuntu Gras;
}

这样做会导致 iOS 和 Android 在系统加载的字体中找不到已加载的名为“Ubuntu”的字体时自动加载“Ubuntu.ttf”文件。 (注意:物理文件名应该始终是第一个定义。)

因此在加载它之后，它会尝试使用“Ubuntu”作为字体查找；但这在某些字体的 iOS 上可能会失败(但在 Android 上始终有效)。然后因为它找不到“Ubuntu”名称，它使用我们为它提供的下一个可用字体名称——“Ubuntu Gras”。由于字体已经加载(即从“Ubuntu”名称加载)，因此 iOS 操作系统现在可以找到“Ubuntu Gras”名称，因此它可以正确使用它。