如何在NativeScript中使用Flaticon图标字体？

Question

我有一个Vanilla JavaScript NativeScript应用程序，我想使用来自Flaticon的图标字体，如here所述，我粘贴.ttf字体文件，并添加'class =“flaticon-airplane”'，我也试过给标签的id并将'font-family：“Flaticon”'样式应用于id，但仍然无法正常工作。

Answer 1

默认情况下不能使用类名，只能使用字符代码。如果您对使用类名感兴趣，还应该复制CSS文件并使用nativescript-fonticon插件注册CSS路径。

import * as application from 'application';
import {TNSFontIcon, fonticon} from 'nativescript-fonticon';

TNSFontIcon.paths = {
  'flaticon': 'your-flaticon-stylesheet.css'
};
TNSFontIcon.loadCss();
application.setResources( { fonticon } );