如何在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 } );