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

下载

从官网下载压缩包,我下载的是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>

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

fa火箭图标

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页