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

下载字体库

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

配置font-awesome

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

在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等等。