css - 无法在 NativeScript 中使用字体图标

Question

我从 fontello 下载了一个 tff 图标 - 我将其重命名为 discard - 并将其放在 app 文件夹内的 fonts 文件夹中一个 Vanilla ts nativescript 元素:

在我的 xml 中有这个标签:

<Label id="label" text="1U+F1F8" class="discard" />

而 app.css 像这样:

.btn {
    font-size: 18;
}

.discard {
    font-family: "discard";
    font-weight: bold;
}

标签在应该显示图标时显示文本？

文本是unicode tff 文件，我认为这是 docs 中所见的要求- 从 Mac 上的字体书中获得:

到目前为止，我也只在 android 上尝试过 - 因为我只需要正确设置文件名。

可能是什么问题？

我在我的原始元素中使用 react-nativescript - 但希望首先让它在 vanilla ts 中工作。最好有一种方法可以在 后面的代码中实现，然后我可以在 react-nativescript 中使用。

Answer 1

应用程序将 Unicode 解释为文本，您需要将其设置为 Unicode 文字，如下所示:

<Label text="{{ trashGlyph }}" class="discard"/>

并在您的 ViewModel 中定义 trashGlyph:

trashGlyph = "\uf1f8"

或者，如果使用 Angular - 这应该可以完成工作:

<Label id="label" [text]="'\uf1f8'" class="discard" />