Nativescript fonticon包奇怪的字符

时间:2016-10-29 17:03:09

标签: angular mobile nativescript

我正在使用它 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>

这就是我得到的:

enter image description here

我的设置图标在哪里,这个中国人的角色是什么? :(

1 个答案:

答案 0 :(得分:0)

原来,这是插件中的一个错误。它只处理以F开头的unicodes(就像FontAwesome一样),同时Icomoon生成的unicodes默认以E开头。

现在修复了错误。