下载字体库

进入Font Awesome官方网址,下载字体库,官方网址:http://www.fontawesome.com.cn/

如何在nuxt中引入Font Awesome字体图标库-1

配置font-awesome

下载完成之后,对压缩包进行解压,放置项目中的assets文件夹下

如何在nuxt中引入Font Awesome字体图标库-1

在nuxt.config.js中添加配置,这里根据自己的路径修改即可

{
    src: '~assets/font-awesome-4.7.0/css/font-awesome.min.css'
}

最新的版本配置文件是这样的

  css: [
    'element-ui/lib/theme-chalk/index.css',
    'element-ui/lib/theme-chalk/display.css',
    '@assets/icons/iconfont.css',
    '~assets/font-awesome-4.7.0/css/font-awesome.min.css'
  ],

如果你用的是最新版,记得去掉src

使用

按照官网的教程,添加到需要的地方即可。同理,你可以引入字体,iconfont等等。

如果觉得我的文章对你有用,请随意赞赏