如何在 NativeScript 中使用 Flaticon 图标字体?
How do I use Flaticon icon fonts in NativeScript?
我有一个 Vanilla JavaScript NativeScript 应用程序,我想使用 Flaticon, as described here 中的图标字体,
我确实粘贴了 .ttf 字体文件,并将 'class="flaticon-airplane"' 添加到 ,我还尝试为标签提供 id 并将 'font-family: "Flaticon"' 样式应用于 id,但仍然没有用。
默认不能使用class名称,只能使用字符代码。如果您有兴趣使用 class 名称,您还应该复制 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 } );
我有一个 Vanilla JavaScript NativeScript 应用程序,我想使用 Flaticon, as described here 中的图标字体, 我确实粘贴了 .ttf 字体文件,并将 'class="flaticon-airplane"' 添加到 ,我还尝试为标签提供 id 并将 'font-family: "Flaticon"' 样式应用于 id,但仍然没有用。
默认不能使用class名称,只能使用字符代码。如果您有兴趣使用 class 名称,您还应该复制 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 } );