Nativescript fonticon 封装奇怪字符

Question

我正在用这个 https://github.com/NathanWalker/nativescript-ng2-fonticon 这对 FontAwesome 来说很棒。

但我想使用 Icomoon 制作的自定义字体集来扩展我的图标字体。所以我用 Icomoon webapp 生成了我的 icomoon.ttf 和它的 css 并准备了字体文件和 css，就像 FontAwesome.

此外，我在 css 中使用 im class 扩展了代码：

 .im { font-family: icomoon, icomoon; }

和

  providers: [
    {
      provide: TNSFontIconService,
      useFactory: () => {
        return new TNSFontIconService({
          'fa': 'font-awesome.css',
          'im': 'icomoon.css'
        });
      }
    }
  ],

所以 FontAwesome 很棒，但我的自定义集不是。

这是我正在尝试的方式：

  <Label class="fa" [text]="'fa-check-circle' | fonticon"></Label>
  <Label class="im" [text]="'im-settings' | fonticon"></Label>

这就是我得到的：

我的设置图标在哪里，这个类似中文的字符是什么？ :(

Answer 1

事实证明，这是插件中的错误。它只处理以 F 开头的 unicode（就像 FontAwesome），同时 Icomoon 默认生成以 E 开头的 unicode。

现在错误已修复。

Nativescript fonticon 封装奇怪字符

Nativescript fonticon package strange characters

mobile

nativescript

angular