Vue项目中引用font-awesome图标库

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/weixin_41196185/article/details/82707001

下载

从官网下载压缩包，我下载的是font-awesome-4.7.0，解压后copy到vue项目的static目录下，打开font-awesome-4.7.0文件夹，发现有css,fonts,less,scss等目录，我们只需要css和fonts目录，其余的删除不要。

使用

在main.js中引用css

import '../static/font-awesome-4.7.0/css/font-awesome.min.css'

在vue页面测试

<i class="fa fa-rocket"></i>

可以看到字体图标已经成功应用。