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

Question

我有一个vanilla javascript nativescript应用程序，我想使用flaticon的图标字体，如下所述，我确实粘贴了.ttf字体文件，然后添加'class =" flaticon-airplane"'，我还尝试给标签给ID并应用'font font-fomily：" flaticon"样式，但仍然，不起作用。

Answer 1

默认情况下不能使用类名称，只能使用字符代码。如果您有兴趣使用班级名称，则还应复制CSS文件并使用Nativecript-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 } );