android - Nativescript 和 FontAwesome

Question

我正在尝试在 Nativescript 应用程序中使用图标字体 FontAwesome，根据这篇文章 https://www.nativescript.org/blog/mobile-app-best-practices---use-font-instead-of-image-to-show-an-icon 这是可能的

我做了那篇文章中描述的所有事情:

• 在 app/fonts 添加 .ttf

• 在 app.css 中添加类

  .fa{ 字体系列:“FontAwesome”；

• 像这样在 XML 中使用它

  文本=""class="fa"

但结果相当令人失望:

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

我做错了什么？

Answer 1

可能是一些事情。它适用于 iOS 吗？由于您的 CSS 定义与 iOS 兼容，而不是 Android，因为 Android 需要实际的文件名(不带扩展名)，而 iOS 需要字体名称。所以我要准备好 xplatform(文件是“fontawesome-webfont.ttf”):

.fa {
  font-family: 'FontAwesome', fontawesome-webfont;
}

\f005语法没问题( <Label class="fa" [text]="'\uf005'"></Label> )，但我使用的是出色的 nativescript-ngx-fonticon插件(也有一个非 Angular 插件)能够改为执行此操作:

<Label class="fa" [text]="'fa-shopping-basket' | fonticon"></Label>