无法在平台 iOS NativeScript 中添加自定义字体答案

【问题标题】：Unable to add custom fonts in platform iOS NativeScript无法在平台 iOS NativeScript 中添加自定义字体
【发布时间】：2018-06-01 23:16:16
【问题描述】：

我已按照官方文档中的指南向我的本机脚本应用程序添加自定义字体。 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>

任何帮助将不胜感激。

【问题讨论】：

标签： nativescript

【解决方案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”名称，因此它可以正确使用它。

【讨论】：

这就像一个魅力。非常感谢您的时间和解释。祝你有美好的一天。