Vue3项目中简单使用fontAwesome图标库

使用免费版的fontAwesome V7图标库(推荐)

首先下载包
https://fontawesome.com/download

将《all.css》和图标字体文件引入项目中,可以放在《assets》目录下面

在《main.js》中引入css文件即可使用

import '@/assets/fontawesome-free-7.0.0/all.css' // 引入fontAwesome字体图标

然后页面上直接可以使用了

<i class="fas fa-fw fa-book"></i>

简单使用fontAwesome V4图标库(不推荐)

首先安装字体库

npm i font-awesome

安装之后,《main.js》中引入

import 'font-awesome/css/font-awesome.min.css' // 引入字体图标

页面上直接使用

<i class="fa fa-book fa-5x"></i>

具体图标说明文档
https://fontawesome.com/v4/icons/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容