如何在 NativeScript Vue FontIcon

如何解决如何在 NativeScript Vue FontIcon

我将 FontIcon Plugin 用于 nativescript vue 并且在使用他们文档中描述的基本用法时一切顺利，但是当我尝试使用另一种字体时，它不起作用。在这种情况下，我使用 LineIcons，我已将 LineIcons.tff 复制到 fonts 文件夹中。这是我的 main.js

import Vue from 'nativescript-vue'
import App from './components/App'
import store from './store'
import FontIcon from 'nativescript-vue-fonticon'

import './app.scss'

Vue.use(FontIcon,{ // <-- Optional. Will be the name for component icon. // <-- Optional. Will output the css mapping to console.
  debug:true,paths: {
    lni: './assets/css/LineIcons.css',fa: './assets/css/font-awesome.css',}
})
// Prints Vue logs when --env.production is *NOT* set while building
Vue.config.silent = (TNS_ENV === 'production')


new Vue({
  store,render: h => h('frame',[h(App)])
}).$start()
store.dispatch('init')

和我的 style.css

@import '~@nativescript/theme/css/core.css';
@import '~@nativescript/theme/css/sky.css';

// Override variables here

// Global SCSS styling
// @see https://docs.nativescript.org/ui/styling
.fa {
  font-family: "fontAwesome";
  font-weight: 400;
}
.lni {
    font-family: "LineIcons";
    font-weight: 400;
}

所有步骤都是一样的，但是为什么字体 awesome 加载了而 lineicons 不加载。在此先感谢您的帮助。